64 lines
1.7 KiB
CSS
64 lines
1.7 KiB
CSS
/* === OEE Global Dashboard Theme Overrides === */
|
|
#oee,
|
|
#oee * {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
/* Kill all toolbar/subheader/whiteframe/backgrounds (and their wrappers) */
|
|
#oee .md-toolbar,
|
|
#oee md-toolbar,
|
|
#oee .md-subheader,
|
|
#oee md-subheader,
|
|
#oee .md-toolbar-tools,
|
|
#oee .md-subheader ._md-subheader-inner,
|
|
#oee .md-toolbar .md-toolbar-tools,
|
|
#oee .md-card-title,
|
|
#oee md-card-title,
|
|
#oee .md-whiteframe-1dp,
|
|
#oee .md-whiteframe-2dp,
|
|
#oee .md-whiteframe-3dp,
|
|
#oee .md-whiteframe-z1,
|
|
#oee .md-whiteframe-z2,
|
|
#oee .md-whiteframe-z3 {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* Angular Material often paints via pseudo-elements */
|
|
#oee .md-toolbar::before,
|
|
#oee .md-toolbar::after,
|
|
#oee .md-subheader::before,
|
|
#oee .md-subheader::after,
|
|
#oee md-toolbar::before,
|
|
#oee md-toolbar::after,
|
|
#oee md-subheader::before,
|
|
#oee md-subheader::after {
|
|
content: none !important;
|
|
display: none !important;
|
|
}
|
|
|
|
/* If Node-RED adds md-default-theme on parent, out-specificy it */
|
|
.md-default-theme #oee .md-toolbar,
|
|
.md-default-theme #oee .md-subheader,
|
|
.md-default-theme #oee .md-toolbar-tools,
|
|
.md-default-theme #oee .md-card-title {
|
|
background: transparent !important;
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Normalize our headings everywhere */
|
|
#oee h1.page-title,
|
|
#oee h2.section-title,
|
|
#oee .panel-title,
|
|
#oee h2.md-subheader,
|
|
#oee h2.panel-title {
|
|
color: var(--text) !important;
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* Safety: strip any inline background styles at render-time (class hook below) */
|