import 15.2.0 Octopus source

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / ceph / cluster / logs / logs.component.scss

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.scss b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.scss
index 8c91d4ad8a98c247ca2b90b3341b9ec955fcfebc..d8b1b8de4982087dbee93adc906a86ec9116b314 100644 (file)
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.scss
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.scss
@@ -1,11 +1,10 @@
-@import '../../../../defaults';
+@import 'styles';
 
 p {
   font-family: monospace;
-  color: black;
 }
 
-.well {
+.card {
   div p {
     display: flex;
 
@@ -41,103 +40,22 @@ p {
 }
 
 ::ng-deep timepicker table tbody tr td {
-  .bs-timepicker-field {
-    width: 3.5rem;
+  input.bs-timepicker-field {
+    width: 3.5rem !important;
     font-size: 1rem;
     padding: 4px 6px;
   }
-  .btn {
-    font-size: 1rem;
-  }
 }
 
-.log-filters {
-  margin-bottom: 5px;
-  padding: 0 30px;
-  * {
-    box-sizing: border-box;
-  }
-
-  .filter-box {
-    margin: 0;
-    padding: 0 15px 5px 0;
-    display: -webkit-flex;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    label {
-      padding-top: 5px;
-      padding-right: 5px;
-    }
-  }
-
-  @media (max-width: 991px) {
-    .time-box {
-      margin-top: 20px;
-    }
-  }
-
-  @media (min-width: 1200px) {
-    .cd-col-4 {
-      width: 28vw;
-    }
-
-    .cd-col-3 {
-      width: 20vw;
-    }
-
-    .cd-col-2 {
-      width: 16vw;
-    }
-    .cd-col-1 {
-      width: 14vw;
-    }
-  }
-
-  @media (min-width: 1400px) {
-    .cd-col-4 {
-      width: 24vw;
-    }
-
-    .cd-col-3 {
-      width: 18vw;
-    }
-
-    .cd-col-2 {
-      width: 14vw;
-    }
-    .cd-col-1 {
-      width: 12vw;
-    }
-  }
-
-  @media (min-width: 1600px) {
-    .cd-col-4 {
-      width: 22vw;
-    }
-
-    .cd-col-3 {
-      width: 16vw;
-    }
-
-    .cd-col-2 {
-      width: 12vw;
-    }
-    .cd-col-1 {
-      width: 10vw;
-    }
-  }
+label {
+  @extend .mr-2;
+}
 
-  @media (min-width: 1800px) {
-    .cd-col-3 {
-      width: 14vw;
-    }
+.form-group {
+  @extend .mr-3;
+  @extend .mb-3;
+}
 
-    .cd-col-2 {
-      width: 11vw;
-    }
-    .cd-col-1 {
-      width: 9vw;
-    }
-  }
+.middle {
+  padding-top: 7px;
 }