style buttons #1201

OpenEnergyPlatform · Apr 14, 2023 · 8686cdf · 8686cdf
1 parent 503d75f
commit 8686cdf
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 2 deletions.
diff --git a/base/static/css/bootstrap.min.css b/base/static/css/bootstrap.min.css
diff --git a/dataedit/templates/dataedit/dataedit_schemalist.html b/dataedit/templates/dataedit/dataedit_schemalist.html
@@ -40,7 +40,14 @@ <h1 class="main-header__title">
         </form>
     </div>
     <div class="controls-container__views">
-        <button type="button" class="btn btn-outline-primary">View tables</button>
+        <button type="button" class="btn btn-outline-primary">
+            <span class="btn__icon">
+                <svg width="16" height="16" version="1.1" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+                    <path class="cls-1" d="m23.81,4.58L16.21.2l-4.11,2.37L7.97.18.37,4.57v8.77l4.12,2.38v3.75l7.6,4.39,7.6-4.39v-3.74l4.12-2.38V4.58ZM1.6,12.64v-7.36L7.97,1.59l2.91,1.68-2.27,1.31v3.74l-4.12,2.38v3.61l-2.9-1.67Zm12.75-5.02l-2.26-1.3-2.26,1.3v-2.33l2.27-1.31,2.24,1.3v2.34Zm4.12,7.41l-2.26,1.3-2.91-1.68,2.27-1.31v-3.61l2.9,1.67v3.62Zm-4.12-2.39l-2.27,1.31-2.24-1.3v-3.62l2.26-1.3,2.26,1.3v3.61Zm-3.49,2.01l-2.89,1.67-2.26-1.3v-3.61l2.9-1.67v3.62l2.24,1.3Zm7.61,4.11l-6.38,3.68-6.38-3.68v-2.34l2.26,1.3,4.11-2.37,4.13,2.39,2.26-1.3v2.33Zm4.12-6.12l-2.9,1.67v-3.62l-4.12-2.38v-3.75l-2.24-1.3,2.89-1.67,6.38,3.68v7.36Z"/>
+                </svg>
+            </span>
+            <span class="btn__text">View tables</span>
+        </button>
     </div>
 </div>
 <div class="topics">

diff --git a/theming/_variables.scss b/theming/_variables.scss
@@ -50,6 +50,7 @@ $input-btn-padding-y-lg: .25rem;
 $input-btn-padding-x-lg: 0.75rem;
 $input-btn-font-size-lg: 1rem;
 $input-border-radius-sm: 0;
+$btn-font-weight: 600;
 $border-radius: 0.5rem;
 $border-radius-lg: 1rem;
 $border-radius-sm: 0.4rem;
diff --git a/theming/scss/base/_index.scss b/theming/scss/base/_index.scss
@@ -39,6 +39,7 @@
     $input-btn-padding-x-lg: $input-btn-padding-x-lg,
     $input-btn-font-size-lg: $input-btn-font-size-lg,
     $input-border-radius-sm: $input-border-radius-sm,
+    $btn-font-weight: $btn-font-weight,
     $border-radius: $border-radius,
     $border-radius-lg: $border-radius,
     $border-radius-sm: $border-radius-sm

diff --git a/theming/scss/components/_buttons.scss b/theming/scss/components/_buttons.scss
@@ -2,6 +2,13 @@
 @use '../base/mixins' as *;
 
 .btn {
+    letter-spacing: 0.03rem;
+
+    &-link {
+        @extend .text-decoration-none;
+        @extend .fw-semibold;
+    }
+
     &__icon {
         @extend .me-1;
     }

diff --git a/theming/scss/components/_controls.scss b/theming/scss/components/_controls.scss
@@ -31,6 +31,7 @@
 
     &__reset {
         @include flex-row;
+        @extend .ms-1;
     }
 
     &__views {