Add page header/title options to all pages

-All pages (including the reward and error pages) were updated to include options for displaying a configurable page header with title, image, description and in some cases a last updated date
-The error page was restructured slightly to display a different description based on the type of error (page not found error vs problem loading page error)
-Added new setting options to the `shared_pages` setting for `page_title_image` which allows changing the page title image displayed on applicable pages and also determines whether it uses a flip/spin animation or not
-Added a collection of new `page_header` settings to all pages that control displaying the new page title + image + description and also moved the last updated date from applicable pages into this section as well
-Existing `show_last_updated` settings that were moved a level deeper into the `page_header` have been automatically mapped to the new setting location upon statup to help older installs to work better out-of-the-box
-Added new css rules to the styles.scss file to support the new page header/title options
-Added a number of new locale strings for page titles and descriptions, and moved a few locale strings around to different names internally that were already using the same naming scheme for different elements (such as api_title being moved to api_documentation for example)
-Started adding new locale strings with replacement text such as {1} and {2} that get automatically replaced with proper values when loaded to allow for locale strings that support dynamic text
-Fixed an issue with too much empty space in the page header (especially in mobile and tablet modes) when `show_panels` was set to false on any page
This commit is contained in:
joeuhren
2021-04-10 22:22:46 -06:00
parent f259742d47
commit f0700b65f9
20 changed files with 891 additions and 233 deletions
+22
View File
@@ -869,4 +869,26 @@ tr {
.navbar-nav .nav-link:hover {
color: #686868;
}
#page-header-container {
display: flex;
margin-bottom: 5px;
}
#header-img-container {
margin-right: 5px;
}
#header-img {
width: 48px;
height: 48px;
}
#page-title {
margin: 0;
}
.sub-page-header {
font-size: 90%;
}