opendev/gerrit
Code Issues Proposed changes

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

Browse Source 
Change-Id: I7f8528b5d24f40048430bc43a39cdcc8226a3dd0
(cherry picked from commit afd4082106)
This commit is contained in:
Paladox none
2019-08-27 00:43:10 +00:00
committed by Luca Milanesio
parent dbbe888f5f
commit 40c6aa3bf1
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

@@ -39,7 +39,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.html
View File

@@ -94,17 +94,21 @@ 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;
} }
gr-main-header.shadow { gr-main-header.shadow {
/* Make it obvious for shadow dom testing */ /* Make it obvious for shadow dom testing */
border-bottom: 1px solid pink; border-bottom: 1px solid pink;
} }
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.
:root { :root {
/* 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 @@ limitations under the License.
--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;
--font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; --font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
--font-weight-bold: 500; --font-weight-bold: 500;

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

@@ -20,6 +20,9 @@ limitations under the License.
--primary-text-color: #e2e2e2; --primary-text-color: #e2e2e2;
--view-background-color: #212121; --view-background-color: #212121;
--border-color: #555555; --border-color: #555555;
--header-border-bottom: 1px solid var(--border-color);
--header-border-image: '';
--footer-border-bottom: 1px solid var(--border-color);
--table-header-background-color: #353637; --table-header-background-color: #353637;
--table-subheader-background-color: rgb(19, 20, 22); --table-subheader-background-color: rgb(19, 20, 22);
--header-background-color: #5487E5; --header-background-color: #5487E5;
@@ -37,6 +40,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);