Change new cards (#257)

Change new cards Reviewed-by: Vladimir Hasko <[email protected]>
opentelekomcloud · Aug 14, 2024 · b7d58d5 · b7d58d5
1 parent 339246e
commit b7d58d5
Showing 1 changed file with 26 additions and 9 deletions.
diff --git a/otcdocstheme/theme/otcdocs/static/css/otcdocstheme.css b/otcdocstheme/theme/otcdocs/static/css/otcdocstheme.css
@@ -1639,6 +1639,18 @@ select:-webkit-autofill:focus {
 
 .card-body {
   padding: 1rem;
+  border-bottom: 1px solid var(--telekom-color-background-surface-subtle);
+}
+
+@media (prefers-color-scheme: dark) {
+  .card-body {
+    border-bottom: 1px solid var(--telekom-color-ui-regular);
+  }
+}
+
+/* Fix behavior for SBV that there is no border under the card-body */
+.item-sbv .card-body {
+  border-bottom: none;
 }
 
 /* on large screen we want card to be approx of the same size */
@@ -1760,11 +1772,24 @@ select:-webkit-autofill:focus {
   flex-direction: column;
   flex-wrap: nowrap;
   align-content: flex-start;
-  gap: 0.5rem;
+}
+
+.card-services:last-child {
+  margin-bottom: 1rem;
+}
+
+.card-services>div {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem
+}
+
+.card-services>div:hover {
+  background: var(--telekom-color-background-surface-subtle);
 }
 
 .service-entries {
   padding-left: 1rem;
+  padding-right: 1rem;
 }
 
 .service-entries {
@@ -1775,14 +1800,6 @@ select:-webkit-autofill:focus {
   gap: 2rem;
 }
 
-.service-entries:hover {
-  background: var(--telekom-color-background-surface-subtle);
-}
-
-.card-services:last-child {
-  margin-bottom: 1rem;
-}
-
 .align-self-center {
   align-self: center;
 }