X-Git-Url: https://git.proxmox.com/?a=blobdiff_plain;f=ceph%2Fsrc%2Fpybind%2Fmgr%2Fdashboard%2Ffrontend%2Fsrc%2Fstyles%2Fceph-custom%2F_basics.scss;h=7a618f704fc1ee4ec7af0ead9f05b93e2cc0c8cb;hb=2a845540123ad00df2e55947b8080306ebdcf410;hp=9ff41c6242351c931a9f3c4329d4d57e6683df72;hpb=0948533fc3b372aaa92e1cd3da22f2258220e199;p=ceph.git

diff --git a/ceph/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_basics.scss b/ceph/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_basics.scss
index 9ff41c624..7a618f704 100644
--- a/ceph/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_basics.scss
+++ b/ceph/src/pybind/mgr/dashboard/frontend/src/styles/ceph-custom/_basics.scss
@@ -102,3 +102,42 @@ mark {
 .border-success {
   border-left: 4px solid vv.$success;
 }
+
+.vertical-line {
+  border-left: 1px solid vv.$gray-400;
+}
+
+.accordion {
+  .card {
+    border: 0;
+  }
+
+  .card-header {
+    border: 0;
+    border-bottom: 3px solid vv.$white;
+    padding-left: 0;
+
+    .btn:focus,
+    .btn.focus {
+      box-shadow: none;
+    }
+
+    button.dropdown-toggle {
+      position: relative;
+
+      &::after {
+        border: 0;
+        content: '\f054';
+        font-family: 'ForkAwesome';
+        font-size: 1rem;
+        position: absolute;
+        right: 20px;
+        transition: transform 0.3s ease-in-out;
+      }
+
+      &[aria-expanded='true']::after {
+        transform: rotate(90deg);
+      }
+    }
+  }
+}