github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

enhanced cards header & tools 

- reduced title font size
- changed title & tools margins/paddings
pull/2220/head
REJack 2019-08-26 12:02:59 +02:00
parent 4cb6c94411
commit 937dffc03d
No known key found for this signature in database
GPG Key ID: 9F3976CC630CC888
2 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
build/scss/_cards.scss
View File

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

2
build/scss/_variables.scss
View File

@ -130,7 +130,7 @@ $control-sidebar-width: $sidebar-width !default;
$card-border-color: $gray-100 !default; $card-border-color: $gray-100 !default;
$card-dark-border-color: lighten($gray-900, 10%) !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-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; $card-title-font-weight: $font-weight-normal;
// PROGRESS BARS // PROGRESS BARS