Revision 57555
Added by Konstantinos Triantafyllou over 4 years ago
| monitor-custom.css | ||
|---|---|---|
| 16 | 16 |
--monitor-portal-lower-tone: #7c9144; |
| 17 | 17 |
--connect-portal-lower-tone: #b48536; |
| 18 | 18 |
--develop-portal-lower-tone: #9f4e7e; |
| 19 |
} |
|
| 20 | 19 |
|
| 21 |
html {
|
|
| 22 |
color: black !important;
|
|
| 20 |
--sidebar-width: 300px;
|
|
| 21 |
--header-height: 60px;
|
|
| 23 | 22 |
} |
| 24 | 23 |
|
| 25 |
li>a .uk-button {
|
|
| 24 |
/* On link hover, his items with this class will be displayed*/ |
|
| 25 |
li>a .onHover {
|
|
| 26 | 26 |
display: none; |
| 27 | 27 |
} |
| 28 | 28 |
|
| 29 |
li>a:hover .uk-button {
|
|
| 29 |
li>a:hover .onHover {
|
|
| 30 | 30 |
display: block; |
| 31 | 31 |
} |
| 32 |
/*---*/ |
|
| 33 |
|
|
| 34 |
|
|
| 35 |
/* Custom width of sidebar, change var: sidebar-width*/ |
|
| 36 |
#sidebar_main {
|
|
| 37 |
width: var(--sidebar-width) !important; |
|
| 38 |
-webkit-transform: translate3d(calc(-1 * var(--sidebar-width)),0,0) !important; |
|
| 39 |
transform: translate3d(calc(-1 * var(--sidebar-width)),0,0) !important; |
|
| 40 |
} |
|
| 41 |
|
|
| 42 |
.sidebar_main_active #sidebar_main {
|
|
| 43 |
-webkit-transform: translate3d(0,0,0) !important; |
|
| 44 |
transform: translate3d(0,0,0) !important; |
|
| 45 |
} |
|
| 46 |
|
|
| 47 |
@media only screen and (min-width: 1220px) {
|
|
| 48 |
.sidebar_main_active #header_main, .sidebar_main_active #page_content, .sidebar_main_active #top_bar {
|
|
| 49 |
margin-left: var(--sidebar-width) !important; |
|
| 50 |
} |
|
| 51 |
} |
|
| 52 |
/* Custom width of sidebar, change var: sidebar-width*/ |
|
| 53 |
body {
|
|
| 54 |
padding-top: var(--header-height) !important; |
|
| 55 |
} |
|
| 56 |
|
|
| 57 |
#header_main {
|
|
| 58 |
padding: calc((var(--header-height) - 48px)/2) 25px !important; |
|
| 59 |
} |
|
| 60 |
/*---*/ |
|
Also available in: Unified diff
[MonitorDashboard]: Make custom css for sidebar width and header height. Add indicators on page. Remove global save. Add indicator filters