CSS improvements

django-cms · May 27, 2023 · f3624d3 · f3624d3
1 parent 270e84d
commit f3624d3
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 81 deletions.
diff --git a/djangocms_frontend/static/djangocms_frontend/css/base.css b/djangocms_frontend/static/djangocms_frontend/css/base.css
diff --git a/private/sass/base.scss b/private/sass/base.scss
@@ -1,8 +1,9 @@
 @charset "utf-8";
+
+@import "components/variables";
 // Bootstrap5 (parts)
 @import "import_bootstrap";
 // our components
-@import "components/variables";
 @import "components/icons";
 @import "components/button-group";
 @import "components/grid-layout";

diff --git a/private/sass/components/_button-group.scss b/private/sass/components/_button-group.scss
@@ -50,7 +50,7 @@
 .frontend-button-group-icons,
 .frontend-grid-icons {
     .icon {
-        font-size: 21px;
+        font-size: 24px;
     }
 
     // custom icon sizes

diff --git a/private/sass/components/_grid-layout.scss b/private/sass/components/_grid-layout.scss
@@ -19,75 +19,6 @@
     }
 }
 
-.djangocms-frontend-row {
-    .form-row.field-row_cols_xs {
-        position: relative;
-        display: flex;
-        padding: 0;
-        min-width: 800px;
-
-        .field-box,
-        .fieldBox {
-            position: relative;
-            width: 86px !important;
-            >:first-child {
-                with: 100px !important;
-            }
-            flex: none;
-            padding: 15px 10px;
-            margin: 0 !important;
-            border-bottom: 1px solid #eee;
-            float: left !important;
-
-            input {
-                text-align: right;
-                padding-right: 5px !important;
-                box-sizing: border-box;
-                width: 100%;
-            }
-
-            label {
-                font-size: 12px !important;
-                font-weight: normal !important;
-                color: #ccc !important;
-                position: absolute;
-                left: 15px;
-                bottom: 17px;
-                text-transform: lowercase;
-            }
-
-            .disabled {
-                color: #ccc;
-                background: #eee;
-            }
-
-            &:last-child {
-                border-right: none;
-            }
-        }
-
-        .errors {
-            margin-bottom: 0;
-        }
-
-        .field-box-label {
-            display: flex;
-            margin-top: auto;
-            color: #999;
-
-            a {
-                width: 100%;
-                margin-top: auto;
-            }
-
-            .icon {
-                position: relative;
-                top: 3px;
-            }
-        }
-    }
-}
-
 .djangocms-frontend-row,
 .djangocms-frontend-column {
     .form-row.field-xs_col,
@@ -100,20 +31,21 @@
         padding: 0;
         min-width: 800px;
 
+        .field-box:first-child {
+            width: 100px !important;
+        }
         .field-box,
         .fieldBox {
             position: relative;
+            box-sizing: content-box;
             width: 86px !important;
-            >:first-child {
-                width: 100px !important;
-            }
             flex: none;
             padding: 15px 10px;
             margin: 0 !important;
             border-bottom: 1px solid #eee;
             float: left !important;
 
-            input {
+            input:not([type="checkbox"]) {
                 text-align: right;
                 padding-right: 5px !important;
                 box-sizing: border-box;
@@ -161,11 +93,6 @@
                 width: 100%;
                 margin-top: auto;
             }
-
-            .icon {
-                position: relative;
-                top: 3px;
-            }
         }
 
         //&.field-xs_col .field-box-label a,

diff --git a/private/sass/components/_variables.scss b/private/sass/components/_variables.scss
@@ -7,3 +7,6 @@ $django-dark-select: #00363a;
 $django-dark-color: #eee;
 $django-fg: #333;
 $white: #fff;
+
+$font-size-base: 0.8125rem;
+$nav-link-padding-y: 0.3rem;