From b86f9343c2139f4c49ce9f462546e4f86d1228a3 Mon Sep 17 00:00:00 2001 From: Kevin MacMartin Date: Sun, 15 Apr 2018 20:43:23 -0400 Subject: [PATCH] Replace the fontawesome dashboard sort icon with CSS --- resources/assets/sass/dashboard.scss | 29 +++++++++++++++++++ resources/views/dashboard/edit-list.blade.php | 8 +++-- 2 files changed, 35 insertions(+), 2 deletions(-) diff --git a/resources/assets/sass/dashboard.scss b/resources/assets/sass/dashboard.scss index d3e764d..0f61cbe 100644 --- a/resources/assets/sass/dashboard.scss +++ b/resources/assets/sass/dashboard.scss @@ -411,6 +411,35 @@ body { left: 20px; transform: translateY(-50%); } + + &-inner { + position: relative; + top: 2px; + display: inline-block; + width: 12px; + height: 14px; + + &-bar { + position: absolute; + left: 0px; + width: 100%; + height: 2px; + background-color: $c-text; + + &:nth-child(1) { + top: 2px; + } + + &:nth-child(2) { + top: 50%; + transform: translateY(-50%); + } + + &:nth-child(3) { + bottom: 2px; + } + } + } } .column { diff --git a/resources/views/dashboard/edit-list.blade.php b/resources/views/dashboard/edit-list.blade.php index 7abfefc..26adef9 100644 --- a/resources/views/dashboard/edit-list.blade.php +++ b/resources/views/dashboard/edit-list.blade.php @@ -23,8 +23,12 @@
  • @if($sortcol != false) -
    - +
    +
    +
    +
    +
    +
    @endif