From d4cf83ad6032652415e9f0071c61b2754ef85a04 Mon Sep 17 00:00:00 2001 From: Gabriel Rodriguez Alsina Date: Tue, 16 Apr 2019 15:09:46 -0300 Subject: [PATCH] (fix) logo dimensions --- .../assets/css/components/_footer.scss | 17 +++++++++++++---- .../assets/css/components/_navbar.scss | 6 ++++-- .../assets/css/theme/_posdao_variables.scss | 6 ++++++ 3 files changed, 23 insertions(+), 6 deletions(-) diff --git a/apps/block_scout_web/assets/css/components/_footer.scss b/apps/block_scout_web/assets/css/components/_footer.scss index 00bfff2ceb..169f6608dc 100644 --- a/apps/block_scout_web/assets/css/components/_footer.scss +++ b/apps/block_scout_web/assets/css/components/_footer.scss @@ -1,7 +1,11 @@ $footer-background-color: $secondary !default; $footer-title-color: #fff !default; $footer-text-color: rgba(#fff, 0.7) !default; +$footer-link-color: $footer-text-color !default; $footer-item-disc-color: $primary !default; +$footer-social-icon-color: $footer-text-color !default; +$footer-logo-height: 2rem !default; +$footer-logo-width: auto !default; .footer { background: $footer-background-color; @@ -22,7 +26,8 @@ $footer-item-disc-color: $primary !default; } .footer-logo { - height: 2rem; + height: $footer-logo-height; + width: $footer-logo-width; } .footer-info-text { @@ -37,11 +42,15 @@ $footer-item-disc-color: $primary !default; } .footer-social-icon { - color: $footer-text-color; + color: $footer-social-icon-color; font-size: 22px; margin-right: 15px; text-decoration: none; + &:hover { + color: $footer-social-icon-color; + } + &:last-child { margin-right: 0; } @@ -52,10 +61,10 @@ $footer-item-disc-color: $primary !default; } .footer-link { - color: $footer-text-color; + color: $footer-link-color; &:hover { - color: $footer-text-color; + color: $footer-link-color; text-decoration: underline; } } diff --git a/apps/block_scout_web/assets/css/components/_navbar.scss b/apps/block_scout_web/assets/css/components/_navbar.scss index e9c34ef3df..ae2c5e1cd4 100644 --- a/apps/block_scout_web/assets/css/components/_navbar.scss +++ b/apps/block_scout_web/assets/css/components/_navbar.scss @@ -8,8 +8,9 @@ $header-toggler-icon: "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30 $header-textfield-text-color: $header-links-color !default; $header-textfield-background-color: #f5f6fa !default; $header-textfield-magnifier-color: $header-links-color !default; - $header-link-horizontal-padding: 0.71rem; +$navbar-logo-height: 1.5em !default; +$navbar-logo-width: auto !default; .navbar.navbar-primary { background-color: $header-background-color; @@ -181,7 +182,8 @@ $header-link-horizontal-padding: 0.71rem; } .navbar-logo { - height: 1.5em; + height: $navbar-logo-height; + width: $navbar-logo-width; } @include media-breakpoint-up(md) { diff --git a/apps/block_scout_web/assets/css/theme/_posdao_variables.scss b/apps/block_scout_web/assets/css/theme/_posdao_variables.scss index e1430e2f64..e6234c5d40 100644 --- a/apps/block_scout_web/assets/css/theme/_posdao_variables.scss +++ b/apps/block_scout_web/assets/css/theme/_posdao_variables.scss @@ -13,3 +13,9 @@ $tile-type-block-border-color: $secondary; $footer-background-color: #173250; $footer-text-color: #909dac; + +$navbar-logo-height: auto; +$navbar-logo-width: 100px; + +$footer-logo-height: auto; +$footer-logo-width: 100px; \ No newline at end of file