Browse Source

enhanced cards header & tools
- reduced title font size
- changed title & tools margins/paddings

REJack 5 years ago
parent
commit
937dffc03d
2 changed files with 5 additions and 4 deletions
  1. 4 3
      build/scss/_cards.scss
  2. 1 1
      build/scss/_variables.scss

+ 4 - 3
build/scss/_cards.scss

@@ -94,7 +94,7 @@ html.maximized-card {
   background-color: transparent;
   border-bottom: 1px solid $card-border-color;
   position: relative;
-  padding: ($card-spacer-y / 3) * 2 $card-spacer-x;
+  padding: 0 $card-spacer-x;
 
   @if $enable-rounded {
     @include border-top-radius($border-radius);
@@ -106,7 +106,7 @@ html.maximized-card {
 
   > .card-tools {
     float: right;
-    margin-right: -$card-spacer-y/3;
+    margin-right: -$card-spacer-x/2;
 
     [data-toggle='tooltip'] {
       position: relative;
@@ -119,7 +119,7 @@ html.maximized-card {
   font-size: $card-title-font-size;
   font-weight: $card-title-font-weight;
   margin: 0;
-  padding: $card-spacer-y/3 0;
+  padding: $card-spacer-y 0;
 }
 
 // Box Tools Buttons
@@ -127,6 +127,7 @@ html.maximized-card {
   background: transparent;
   color: $gray-500;
   font-size: $font-size-sm;
+  margin: ($card-spacer-y / 2) 0;
   padding: .25rem .5rem;
 
   .btn-group.show &,

+ 1 - 1
build/scss/_variables.scss

@@ -130,7 +130,7 @@ $control-sidebar-width: $sidebar-width !default;
 $card-border-color: $gray-100 !default;
 $card-dark-border-color: lighten($gray-900, 10%) !default;
 $card-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2) !default;
-$card-title-font-size: $font-size-lg;
+$card-title-font-size: 1.1rem;
 $card-title-font-weight: $font-weight-normal;
 
 // PROGRESS BARS