Improve topnav logo code

2020-04-29 00:36:25 -05:00
parent be13bc040c
commit eef41485c1
2 changed files with 10 additions and 6 deletions
--- a/app/styles/gabsocial/components/tabs-bar.scss
+++ b/app/styles/gabsocial/components/tabs-bar.scss
@ -223,16 +223,19 @@ $nav-ui-background-color: $gab-brand-default !default;

  &--logo {
    display: block;
-    width: 80px;
-    height: 50px;
    margin-right: 30px;
    border: 0;
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: 100% calc(100% - 25px);
+    height: 50px;
+    overflow: hidden;
+    padding: 10px 0;
+    box-sizing: border-box;
    filter: brightness(0%) grayscale(100%) invert(100%);
    & span {display: none !important;}

+    img {
+      height: 100%;
+    }
+
    &:hover {
      border: 0 !important;
    }