opendev/gerrit
Code Issues Proposed changes

Add overlay z-index variable

Browse Source 
This allows for other themes to mutate the z-index. This is especially useful
in the embedded context.

Change-Id: I2a6e7938d118a662fc93c66155702d66749e59e6
This commit is contained in:
Thomas Shafer
2019-03-04 11:58:12 -08:00
parent d81c497372
commit 625b3bec22
3 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
polygerrit-ui/app/elements/change/gr-change-view/gr-change-view.html
View File

@@ -356,6 +356,9 @@ limitations under the License.
min-width: initial; min-width: initial;
width: 100vw; width: 100vw;
} }
#replyOverlay {
z-index: var(--reply-overlay-z-index);
}
} }
</style> </style>
<div class="container loading" hidden$="[[!_loading]]">Loading...</div> <div class="container loading" hidden$="[[!_loading]]">Loading...</div>

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

@@ -133,6 +133,8 @@ limitations under the License.
--syntax-selector-attr-color: #FA8602; --syntax-selector-attr-color: #FA8602;
--syntax-template-tag-color: #FA8602; --syntax-template-tag-color: #FA8602;
--syntax-param-color: var(--primary-text-color); --syntax-param-color: var(--primary-text-color);
--reply-overlay-z-index: 1000;
} }
@media screen and (max-width: 50em) { @media screen and (max-width: 50em) {
:root { :root {

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

@@ -80,6 +80,8 @@
--syntax-selector-attr-color: #80CBBF; --syntax-selector-attr-color: #80CBBF;
--syntax-template-tag-color: #C792EA; --syntax-template-tag-color: #C792EA;
--reply-overlay-z-index: 1000;
background-color: var(--view-background-color); background-color: var(--view-background-color);
} }
</style> </style>