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

Merge pull request #18390 from overleaf/rd-bs5-close-position

[web ] Fix the close button position of modal header

GitOrigin-RevId: 79c6cf272f69446cb5849421445f016ea6d53403
Rebeka Dekany 2 лет назад
Родитель
Сommit
5af6acde2b
1 измененных файлов с 18 добавлено и 4 удалено
  1. 18 4
      services/web/frontend/stylesheets/bootstrap-5/components/modal.scss

+ 18 - 4
services/web/frontend/stylesheets/bootstrap-5/components/modal.scss

@@ -26,10 +26,24 @@
 
 .modal-content {
   @include shadow-lg();
-}
+  border-radius: var(--border-radius-base);
+
+  .modal-header {
+    .modal-title {
+      @include heading-sm;
+
+      line-height: 35px;
+    }
+    .btn-close {
+      margin-right: 0;
+    }
+  }
 
-.modal-header {
-  .btn-close {
-    margin: var(--spacing-00);
+  .modal-footer {
+    padding: var(--spacing-06);
+    gap: var(--spacing-04);
+    > * {
+      margin: 0;
+    }
   }
 }