fix: a couple of UI fixes (#505)

go-vela · Jan 31, 2022 · 0ce1704 · 0ce1704
1 parent c95524a
commit 0ce1704
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 18 deletions.
diff --git a/src/elm/Main.elm b/src/elm/Main.elm
@@ -66,7 +66,7 @@ import Html.Attributes
         , type_
         )
 import Html.Events exposing (onClick)
-import Html.Lazy exposing (lazy, lazy2, lazy3, lazy4, lazy5, lazy7, lazy8)
+import Html.Lazy exposing (lazy, lazy2, lazy3, lazy5, lazy7, lazy8)
 import Http
 import Http.Detailed
 import Interop

diff --git a/src/elm/Pages/Build/History.elm b/src/elm/Pages/Build/History.elm
@@ -94,9 +94,6 @@ recentBuildLink page org repo buildNumber build idx =
             if buildNumber == build.number then
                 class "-current"
 
-            else if buildNumber > build.number then
-                class "-older"
-
             else
                 class ""
     in

diff --git a/src/elm/Pages/Build/View.elm b/src/elm/Pages/Build/View.elm
@@ -24,7 +24,7 @@ import Focus
         , resourceAndLineToFocusId
         , resourceToFocusId
         )
-import Html exposing (Html, a, button, code, details, div, li, small, span, strong, summary, table, td, text, time, tr, ul)
+import Html exposing (Html, a, button, code, details, div, li, small, span, strong, summary, table, td, text, tr, ul)
 import Html.Attributes
     exposing
         ( attribute

diff --git a/src/scss/_main.scss b/src/scss/_main.scss
@@ -713,7 +713,7 @@ details.build-toggle {
 
 .build-history-title {
   display: inline;
-  padding: 0.4rem 0 0.4rem 0.4rem;
+  padding: 0.4rem 0;
 
   font-size: 0.8em;
 }
@@ -735,19 +735,11 @@ details.build-toggle {
 }
 
 .recent-build-link.-current {
-  transform: translateX(5px);
-
-  transition: transform 0.1s;
-
-  will-change: transform;
+  margin: 0 0.2rem;
 }
 
-.recent-build-link.-older {
-  transform: translateX(10px);
-
-  transition: transform 0.1s;
-
-  will-change: transform;
+.recent-build:first-child .recent-build-link.-current {
+  margin: 0 0.2rem 0 0;
 }
 
 .build-history .recent-build-link .-icon {
@@ -1406,14 +1398,14 @@ details.build-toggle {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  margin: 1rem 0;
 
   background-color: var(--color-bg-dark);
 }
 
 .build-filters {
   flex-flow: wrap;
   justify-content: flex-start;
-  margin: 1rem 0;
   padding: 1rem;
 
   font-size: 1rem;