diff options
Diffstat (limited to 'app/overview/styles')
-rw-r--r-- | app/overview/styles/sensors.scss | 133 |
1 files changed, 133 insertions, 0 deletions
diff --git a/app/overview/styles/sensors.scss b/app/overview/styles/sensors.scss new file mode 100644 index 0000000..ee101c0 --- /dev/null +++ b/app/overview/styles/sensors.scss @@ -0,0 +1,133 @@ +// Event Log SCSS +#sensors { + #sensors__detail { + display: block; + margin-top: 1.6em; + border-top: 1px solid $lightgrey; + position: relative; + overflow: hidden; + } +} + +//end sensors + + + +#sensor__details { + display: block; + margin-top: 1.6em; + border-top: 1px solid $lightgrey; + position: relative; + overflow: hidden; + + + //Export log + .btn-export { + text-transform: capitalize; + color: $black; + font-size: .9em; + font-weight: 700; + position: relative; + padding: 0 0 1em 2em; + &:hover { + text-decoration: underline; + } + } + .btn-export { + margin-top: 7px; + } + .btn-export:before { + content: '\21E5'; + position: absolute; + font-size: 1.7em; + vertical-align: middle; + transform: rotate(90deg); + display: inline-block; + left: 2px; + top: -5px; + } + + .sensor__info { + padding-top: 10px; + + &:hover { + cursor: pointer; + } + } + + .accord-row { + .priority-tag { + margin: 0 2em 0 1em; + } + } + + //Sensor info + .sensor__title { + font-weight: 400; + font-size: 1.3em; + } + .sensors__description { + font-weight: 400; + } + + //Event ID + .sensor__reading { + @include fontCourierBold; + font-size: 1.2em; + color: $darkgrey; + float: left; + margin-left: 1em; + @media (min-width: 950px) { + float: right; + } + } + + // Event metadata row + .sensors__metadata-row { + max-height: 0; + overflow: hidden; + -webkit-transition: 0.5s linear max-height; + transition: 0.5s linear max-height; + padding: 0 1em; + &.active { + max-height: 1000px; //max-height used to allow flexible height of content and still allow transition + @include mediaQuery(small) { + max-height: 1000px; + } + @include mediaQuery(medium) { + max-height: 1000px; + } + } + } + + + //Event Related Items + .sensors__related { + width: 100%; + } + .sensors__related-label { + font-weight: 700; + margin-right: 1.2em; + padding-top: .3em; + } + + .sensors__related-item { + margin-right: 1em; + padding-top: .3em; + display: inline-block; + float: left; + clear: both; + } + + .sensors__icon { + width: 20px; + height: 20px; + font-weight: normal; + margin-right: .5em; + margin-top: -3px; + display: inline-block; + } + +} + +//end sensors |