kevin/hypothetical
1
0
Fork 0
mirror of https://github.com/prurigro/hypothetical.git synced 2024-11-09 19:26:38 -05:00
Code Issues Projects Releases Packages Wiki Activity

Replace the fontawesome dashboard sort icon with CSS

Browse source
This commit is contained in:
Kevin MacMartin 2018-04-15 20:43:23 -04:00
parent 34142dcecb
commit b86f9343c2
2 changed files with 35 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
resources/assets/sass/dashboard.scss vendored
View file

@ -411,6 +411,35 @@ body {
left: 20px; left: 20px;
transform: translateY(-50%); 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 { .column {

8
resources/views/dashboard/edit-list.blade.php
View file

@ -23,8 +23,12 @@
<li class="list-group-item {{ $sortcol != false ? 'sortable' : '' }}" data-id="{{ $row['id'] }}"> <li class="list-group-item {{ $sortcol != false ? 'sortable' : '' }}" data-id="{{ $row['id'] }}">
<div class="title-column"> <div class="title-column">
@if($sortcol != false) @if($sortcol != false)
<div class="sort-icon"> <div class="sort-icon" title="Click and drag to reorder">
<i class="fa fa-bars" title="Click and drag to reorder"></i> <div class="sort-icon-inner">
<div class="sort-icon-inner-bar"></div>
<div class="sort-icon-inner-bar"></div>
<div class="sort-icon-inner-bar"></div>
</div>
</div> </div>
@endif @endif