opendev/gerrit
Code Issues Proposed changes

Merge "Add css properties to gr-main-header and gr-fixed-panel"

Browse Source
This commit is contained in:
Paladox none
2019-09-15 18:55:27 +00:00
committed by Gerrit Code Review
parent 965536f4ee afd4082106
commit 016d0a32fd
4 changed files with 21 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
polygerrit-ui/app/elements/core/gr-main-header/gr-main-header.html
View File

@@ -40,7 +40,7 @@ limitations under the License.
} }
.bigTitle { .bigTitle {
color: var(--header-text-color); color: var(--header-text-color);
font-size: 1.75rem; font-size: var(--header-title-font-size);
text-decoration: none; text-decoration: none;
} }
.bigTitle:hover { .bigTitle:hover {

12
polygerrit-ui/app/elements/gr-app-element.html
View File

@@ -68,13 +68,17 @@ limitations under the License.
color: var(--primary-text-color); color: var(--primary-text-color);
} }
gr-main-header { gr-main-header {
background-color: var(--header-background-color); background: var(--header-background, var(--header-background-color, #eee));
padding: 0 var(--default-horizontal-margin); padding: 0 var(--default-horizontal-margin);
border-bottom: 1px solid var(--border-color); border-bottom: var(--header-border-bottom);
border-image: var(--header-border-image);
border-right: 0;
border-left: 0;
border-top: 0;
} }
footer { footer {
background-color: var(--footer-background-color); background: var(--footer-background, var(--footer-background-color, #eee));
border-top: 1px solid var(--border-color); border-top: var(--footer-border-top);
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: .5rem var(--default-horizontal-margin); padding: .5rem var(--default-horizontal-margin);

9
polygerrit-ui/app/styles/themes/app-theme.html
View File

@@ -18,13 +18,19 @@ limitations under the License.
html { html {
/* Following vars have LTS for plugin API. */ /* Following vars have LTS for plugin API. */
--primary-text-color: #000; --primary-text-color: #000;
/* For backwords compatibility we keep this as --header-background-color. */
--header-background-color: #eee; --header-background-color: #eee;
--header-title-content: 'Gerrit'; --header-title-content: 'Gerrit';
--header-icon: none; --header-icon: none;
--header-icon-size: 0em; --header-icon-size: 0em;
--header-text-color: #000; --header-text-color: #000;
--footer-background-color: var(--header-background-color); --header-title-font-size: 1.75rem;
--footer-background-color: #eee;
--border-color: #ddd; --border-color: #ddd;
/* This allows to add a border in custom themes */
--header-border-bottom: 1px solid var(--border-color);
--header-border-image: '';
--footer-border-top: 1px solid var(--border-color);
/* Following are not part of plugin API. */ /* Following are not part of plugin API. */
--selection-background-color: rgba(161, 194, 250, 0.1); --selection-background-color: rgba(161, 194, 250, 0.1);
@@ -32,6 +38,7 @@ html {
--expanded-background-color: #eee; --expanded-background-color: #eee;
--view-background-color: #fff; --view-background-color: #fff;
--default-horizontal-margin: 1rem; --default-horizontal-margin: 1rem;
--deemphasized-text-color: #757575; --deemphasized-text-color: #757575;
/* Used on text color for change list that doesn't need user's attention. */ /* Used on text color for change list that doesn't need user's attention. */
--reviewed-text-color: var(--primary-text-color); --reviewed-text-color: var(--primary-text-color);

4
polygerrit-ui/app/styles/themes/dark-theme.html
View File

@@ -20,6 +20,9 @@ limitations under the License.
--primary-text-color: #e8eaed; --primary-text-color: #e8eaed;
--view-background-color: #131416; --view-background-color: #131416;
--border-color: #5f6368; --border-color: #5f6368;
--header-border-bottom: 1px solid var(--border-color);
--header-border-image: '';
--footer-border-bottom: 1px solid var(--border-color);
--table-header-background-color: #131416; --table-header-background-color: #131416;
--table-subheader-background-color: #3c4043; --table-subheader-background-color: #3c4043;
--header-background-color: #3c4043; --header-background-color: #3c4043;
@@ -41,6 +44,7 @@ limitations under the License.
--dropdown-background-color: var(--table-header-background-color); --dropdown-background-color: var(--table-header-background-color);
--dialog-background-color: var(--view-background-color); --dialog-background-color: var(--view-background-color);
--chip-background-color: var(--table-header-background-color); --chip-background-color: var(--table-header-background-color);
--header-title-font-size: 1.75rem;
--select-background-color: var(--table-subheader-background-color); --select-background-color: var(--table-subheader-background-color);