blob: 074d27b8424a6c2dba1c08783b9fc8ecb67645ec [file] [log] [blame]
Michael Davisaeedf9e2017-04-06 14:35:56 -05001@mixin state-label {
2 text-transform: uppercase;
3 font-weight: 700;
4 font-size: .8em;
5}
6
7$title-minWidth: 210px;
8
Iftekharul Islam8947e702017-07-27 10:28:07 -05009.header__actions-bar {
10 padding-left: 1.5em;
Iftekharul Islam97280b32018-11-16 14:50:22 -060011 padding-right: 1em;
Michael Davisaeedf9e2017-04-06 14:35:56 -050012 font-weight: 700;
Iftekharul Islam97280b32018-11-16 14:50:22 -060013 .sensor__title {
14 margin-left: 1.5em;
15 }
Iftekharul Islam08054412017-08-25 10:29:57 -050016 .sensor__reading {
Iftekharul Islam97280b32018-11-16 14:50:22 -060017 margin-right: .2em;
Iftekharul Islam08054412017-08-25 10:29:57 -050018 }
Iftekharul Islam8947e702017-07-27 10:28:07 -050019 .sensor__heading-current {
20 padding-right: 1em;
Michael Davisaeedf9e2017-04-06 14:35:56 -050021 }
22}
23
Iftekharul Islam8947e702017-07-27 10:28:07 -050024.sensor__heading-current {
25 margin: 0;
26 @include mediaQuery(medium) {
27 margin-left: 10px;
28 margin-right: 10px;
29 }
Michael Davisaeedf9e2017-04-06 14:35:56 -050030}
31
Iftekharul Islam8947e702017-07-27 10:28:07 -050032.sensor__label {
33 float: left;
34 font-weight: 300;
35 @include mediaQuery(medium) {
36 display: none;
37 }
38}
39
AppaRao Puli2f481e42019-01-29 17:42:23 +053040.sensor__table {
41 width: auto;
42 min-width: 60%;
Iftekharul Islam8947e702017-07-27 10:28:07 -050043 margin: 0;
44 background: $white;
45 text-decoration: none;
46 border: 1px solid $medgrey;
47 background: lighten($lightgrey,1%);
Iftekharul Islam8947e702017-07-27 10:28:07 -050048 @include mediaQuery(medium) {
Iftekharul Islam8947e702017-07-27 10:28:07 -050049 margin-top: 0;
50 border-top: 0;
51 background: transparent;
52 }
Iftekharul Islam8947e702017-07-27 10:28:07 -050053 .sensor__title {
Michael Davisaeedf9e2017-04-06 14:35:56 -050054 font-weight: 700;
Iftekharul Islam8947e702017-07-27 10:28:07 -050055 background: darken($lightgrey, 5%);
AppaRao Puli2f481e42019-01-29 17:42:23 +053056 min-width: 25%;
57 overflow: visible;
Iftekharul Islam8947e702017-07-27 10:28:07 -050058 @include mediaQuery(medium) {
AppaRao Puli2f481e42019-01-29 17:42:23 +053059 min-width: 25%;
Iftekharul Islam8947e702017-07-27 10:28:07 -050060 background: transparent;
Iftekharul Islam08054412017-08-25 10:29:57 -050061 }
Iftekharul Islam8947e702017-07-27 10:28:07 -050062 }
AppaRao Puli2f481e42019-01-29 17:42:23 +053063 .sensor__reading,
64 .sensor__status {
Iftekharul Islam8947e702017-07-27 10:28:07 -050065 display: block;
AppaRao Puli2f481e42019-01-29 17:42:23 +053066 min-width: 15%;
67 overflow: visible;
Iftekharul Islam8947e702017-07-27 10:28:07 -050068 @include mediaQuery(medium) {
69 display: inline-block;
Iftekharul Islam8947e702017-07-27 10:28:07 -050070 }
71 }
AppaRao Puli2f481e42019-01-29 17:42:23 +053072 .sensor__threshold {
73 display: block;
74 overflow: visible;
Iftekharul Islam8947e702017-07-27 10:28:07 -050075 @include mediaQuery(medium) {
AppaRao Puli2f481e42019-01-29 17:42:23 +053076 display: inline-block;
Iftekharul Islam8947e702017-07-27 10:28:07 -050077 }
78 }
AppaRao Puli2f481e42019-01-29 17:42:23 +053079 .sensor__Critical {
Iftekharul Islam8947e702017-07-27 10:28:07 -050080 background: $thresh-critical;
81 color: $white;
82 .content-label {
83 color: $white;
84 }
85 }
AppaRao Puli2f481e42019-01-29 17:42:23 +053086 .sensor__Warning {
Iftekharul Islam8947e702017-07-27 10:28:07 -050087 background: $thresh-warning;
88 color: $black;
89 .content-label {
Michael Davisaeedf9e2017-04-06 14:35:56 -050090 color: $black;
91 }
Michael Davisaeedf9e2017-04-06 14:35:56 -050092 }
AppaRao Puli2f481e42019-01-29 17:42:23 +053093 .sensor__OK {
94 background: $thresh-normal;
95 color: $black;
96 .content-label {
97 color: $black;
98 }
99 }
Michael Davisaeedf9e2017-04-06 14:35:56 -0500100}
101
102// Sensors
Michael Davisaeedf9e2017-04-06 14:35:56 -0500103#sensors, #sensors-overview {
Michael Davisaeedf9e2017-04-06 14:35:56 -0500104 .toggle-filter {
Iftekharul Islam97280b32018-11-16 14:50:22 -0600105 margin-bottom: 20px;
106 }
107 .column, .columns {
108 padding-left: 0px;
109 padding-right: 0px;
Michael Davisaeedf9e2017-04-06 14:35:56 -0500110 }
AppaRao Puli2f481e42019-01-29 17:42:23 +0530111 .dropdown__button {
112 margin-bottom: 1.2em;
113 }
114 .dropdown__list {
115 margin-top: -17px;
116 }
117 .dropdown__button {
118 width: 25em;
119 margin-top: 0;
120 text-align: left;
121 border: 0.1em solid;
122 }
123 .dropdown__wrapper {
124 width: 25em;
125 margin-top: 0.4em;
126 text-align: left;
127 }
128 .select__filter {
129 margin-bottom: 20px;
130 margin-left: 15px;
131 }
Michael Davisaeedf9e2017-04-06 14:35:56 -0500132}
133
Gunnar Mills84e114a2018-11-14 13:44:41 -0600134//end sensor details