Просмотр исходного кода

Merge pull request #20602 from overleaf/jel-cms-bottom-align-card

[web] Fix bottom alignment in cards on CMS BS5

GitOrigin-RevId: a09e7f21b0eab3642b7c22cec39a08842f8614a5
Jessica Lawshe 2 лет назад
Родитель
Сommit
3561e6315f
1 измененных файлов с 22 добавлено и 6 удалено
  1. 22 6
      services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss

+ 22 - 6
services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss

@@ -542,13 +542,29 @@
 }
 
 .bottom-align-last-entry {
-  display: flex;
-  flex-direction: column;
+  &.no-card {
+    display: flex;
+    flex-direction: column;
+
+    * {
+      &:last-child {
+        flex: 1;
+        align-content: end;
+      }
+    }
+  }
 
-  * {
-    &:last-child {
-      flex: 1;
-      align-content: end;
+  &.card {
+    .card-body {
+      display: flex;
+      flex-direction: column;
+
+      * {
+        &:last-child {
+          flex: 1;
+          align-content: end;
+        }
+      }
     }
   }
 }