From 74a3c54e87687359b8266104f72d41b82eab29e3 Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Fri, 30 Oct 2020 16:01:19 +0100
Subject: [PATCH] update

---
 scss/import/user.scss | 295 ++++++++++++++++++++++--------------------
 1 file changed, 158 insertions(+), 137 deletions(-)

diff --git a/scss/import/user.scss b/scss/import/user.scss
index d983b06..60f140a 100644
--- a/scss/import/user.scss
+++ b/scss/import/user.scss
@@ -4,145 +4,159 @@
 .user {
   .container {
     .grid {
-      .card {
-        background: $bg50;
-        box-shadow: none;
-        color: $white;
-        position: sticky;
-        top: 20px;
-        .content {
-          .header {
-            color: $white;
-          }
-        }
-        .extra.content {
-          ul {
-            color: $white;
-            li:not(:last-child) {
-              border-bottom: 1px solid $bg60;
-            }
-            a {
-              color: $white-light;
-              &:hover {
-                color: $red;
-              }
-            }
-          }
-        }
-      }
-      .secondary.pointing.menu {
-        background: $bg70;
-        border: 0;
-        border-radius: 5px 5px 0 0;
-        margin-top: -15px;
-        overflow-x: auto;
-        overflow-y: hidden;
-        padding: 0 20px;
-        scrollbar-color: $white-dark $bg70;
-        top: 0;
-        transform: rotateX(180deg);
-        z-index: 100;
-        .item {
-          border-bottom: 2px solid transparent;
-          border-radius: 5px 5px 0 0;
+      .five.column {
+        .card {
+          background: $bg50;
+          box-shadow: none;
           color: $white;
-          font-family: $font-family;
-          margin-bottom: 10px;
-          transform: rotateX(180deg);
-          transition: background .2s, color .2s;
-          &:hover {
-            background: $bg60;
-            color: $white-light;
-          }
-          &.active {
-            border-bottom: 2px solid $white;
-            color: $white;
-            &:hover {
-              color: $white-light;
+          position: sticky;
+          top: 20px;
+          .content {
+            .header {
+              color: $white;
             }
           }
-          @if $nojavascript == true {
-            svg {
-              display: none;
-            }
-          }
-          .label {
-            background: $white;
-            color: $bg70;
-          }
-          @if $singleuser == true {
-            &[href*="stars"], 
-            &[href*="following"], 
-            &[href*="followers"] {
-              display: none;
-            }
-          }
-        }
-      }
-      @if $nojavascript == true {
-        .filter.menu {
-          display: none;
-        }
-      }
-      form.form {
-        .input {
-          input {
-            background: $bg40;
-            border: 2px solid $bg60;
-            color: $white;
-            &:focus {
-              background: $bg50;
-              border: 2px solid $bg60;
-              color: $white-light;
-            }
-          }
-          .button {
-            background: $bg60;
-            border: 0;
-            &:hover {
-              background: $bg50;
-            }
-          }
-        }
-      }
-      .divider {
-        border-bottom: 1px solid $bg60;
-      }
-      .repository.list {
-        .item {
-          &:not(:first-child) {
-            border-top: 1px solid $bg60;
-          }
-          .header {
-            a.name {
-              font-family: $font-family;
-              i.archive.icon {
-                color: $white-dark !important;
+          .extra.content {
+            ul.text.black {
+              color: $white;
+              li {
+                @if $nojavascript == true {
+                  padding: 10px 20px;
+                }
+                &:not(:last-child) {
+                  border-bottom: 1px solid $bg60;
+                }
+                svg {
+                  @if $nojavascript == true {
+                    display: none;
+                  }
+                }
+              }
+              a {
+                color: $white-light;
+                &:hover {
+                  color: $red;
+                }
               }
             }
-            .metas {
-              @if $singleuser == true {
+          }
+        }
+      }
+      .eleven.column {
+        .secondary.pointing.menu {
+          background: $bg70;
+          border: 0;
+          border-radius: 5px 5px 0 0;
+          margin-top: -15px;
+          overflow-x: auto;
+          overflow-y: hidden;
+          padding: 0 20px;
+          scrollbar-color: $white-dark $bg70;
+          top: 0;
+          transform: rotateX(180deg);
+          z-index: 100;
+          .item {
+            border-bottom: 2px solid transparent;
+            border-radius: 5px 5px 0 0;
+            color: $white;
+            font-family: $font-family;
+            margin-bottom: 10px;
+            transform: rotateX(180deg);
+            transition: background .2s, color .2s;
+            &:hover {
+              background: $bg60;
+              color: $white-light;
+            }
+            &.active {
+              border-bottom: 2px solid $white;
+              color: $white;
+              &:hover {
+                color: $white-light;
+              }
+            }
+            @if $nojavascript == true {
+              svg {
                 display: none;
               }
-              span {
-                color: $white-dark !important;
+            }
+            .label {
+              background: $white;
+              color: $bg70;
+            }
+            @if $singleuser == true {
+              &[href*="stars"], 
+              &[href*="following"], 
+              &[href*="followers"] {
+                display: none;
               }
             }
           }
-          .description {
-            p {
+        }
+        @if $nojavascript == true {
+          .filter.menu {
+            display: none;
+          }
+        }
+        form.form {
+          .input {
+            input {
+              background: $bg40;
+              border: 2px solid $bg60;
               color: $white;
-              &.time {
-                color: $white-dark;
+              &:focus {
+                background: $bg50;
+                border: 2px solid $bg60;
+                color: $white-light;
               }
             }
-            .tags {
-              a .label {
-                background: $bg60;
+            .button {
+              background: $bg60;
+              border: 0;
+              &:hover {
+                background: $bg50;
+              }
+            }
+          }
+        }
+        .divider {
+          border-bottom: 1px solid $bg60;
+        }
+        .repository.list {
+          .item {
+            &:not(:first-child) {
+              border-top: 1px solid $bg60;
+            }
+            .header {
+              a.name {
+                font-family: $font-family;
+                i.archive.icon {
+                  color: $white-dark !important;
+                }
+              }
+              .metas {
+                @if $singleuser == true {
+                  display: none;
+                }
+                span {
+                  color: $white-dark !important;
+                }
+              }
+            }
+            .description {
+              p {
                 color: $white;
-                &:hover {
-                  background: $bg70;
-                  color: $white-light;
+                &.time {
+                  color: $white-dark;
+                }
+              }
+              .tags {
+                a .label {
+                  background: $bg60;
+                  color: $white;
+                  &:hover {
+                    background: $bg70;
+                    color: $white-light;
+                  }
                 }
               }
             }
@@ -158,20 +172,27 @@
 .user.profile {
   .container {
     .grid {
-      .feeds {
-        .news {
-          .content {
-            span {
-              color: $white-dark !important;
-            }
+      .eleven.column {
+        #user-heatmap {
+          @if $nojavascript == true {
+            display: none;
           }
-          p.grey {
-            span {
-              color: $white-dark;
+        }
+        .feeds {
+          .news {
+            .content {
+              span {
+                color: $white-dark !important;
+              }
+            }
+            p.grey {
+              span {
+                color: $white-dark;
+              }
+            }
+            .svg {
+              fill: $white-dark;
             }
-          }
-          .svg {
-            fill: $white-dark;
           }
         }
       }