3 * Copyright 2016 RIFT.IO Inc
5 * Licensed under the Apache License, Version 2.0 (the "License");
6 * you may not use this file except in compliance with the License.
7 * You may obtain a copy of the License at
9 * http://www.apache.org/licenses/LICENSE-2.0
11 * Unless required by applicable law or agreed to in writing, software
12 * distributed under the License is distributed on an "AS IS" BASIS,
13 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14 * See the License for the specific language governing permissions and
15 * limitations under the License.
18 @import "style/_colors.scss";
19 @import "style/layout.scss";
20 @import '../node_modules/open-iconic/font/css/open-iconic.css';
27 // Defaults for grid elements. TBD where we place this on completion of task
29 .grid.categorySeverityGrid {
32 flex-direction: column;
37 // top right bottom left
38 padding: 0.1rem 0 0.1rem 0.5rem;
50 background-color: $gray;
51 text-transform: uppercase;
53 border: 1px solid black;
59 flex-direction: column;
62 .gridBody .gridRow:nth-child(odd) {
63 background-color: $gray-lighter;
65 .gridBody .gridRow:nth-child(even) {
66 background-color: $gray-lightest;
80 } // .gird.categorySeverityGrid
83 //margin: 0 0.5rem 0.5rem;
86 text-decoration-line: underline;
87 text-transform: uppercase;
88 border-bottom: 1px solid black;
90 margin-bottom: 0.5rem;
96 // https://css-tricks.com/almanac/selectors/p/placeholder/
99 &::-webkit-input-placeholder {
104 // .app-body should be promoted to a higher level
107 flex-direction: column;
108 align-items: stretch;
115 flex-direction: column;
131 height: auto !important;
133 background-color: white;
138 .defaultCategorySeverityPanel {
139 @extend .loggingPanel;
144 .loggingEventsPanel {
145 @extend .loggingPanel;
148 border: 1px solid red;
154 flex-direction: column;
158 .radioButtonGroupHeader {
159 text-transform: uppercase;
172 .loggingGeneralDetailsPanel {
173 @extend .loggingPanel;
177 flex-direction: column;
180 // top right bottom left
181 //padding: 0.5rem 0.5rem 0.5rem 0.5rem;
184 .section.syslogViewerSection {
188 .syslogViewerControls {
197 border: 1px solid $gray-dark;
198 background-color: $gray-dark;
212 .loggingFormButtonGroup {
213 justify-content: center;
220 .denyEventsEditGroup {
222 flex-direction: column;
229 margin-bottom: 0.2rem;
234 border: 1px solid black;
236 background-color: black;
238 margin-bottom: 0.2rem;
244 vertical-align: middle;
256 border: 1px solid black;
257 background-color: black;