-Sorter arrows

Alexey Boroda
1 parent 1c743d7f
Showing 1 changed file with 26 additions and 0 deletions Show diff stats
frontend/web/css/css_header.css
@@ -20,6 +20,32 @@
     width: auto!important
 }
  
+/* Arrows in sorter styling */
+ul.sorter {
+    list-style-type: none;
+}
+
+ul.sorter li a:after {
+    display: inline-block;
+    margin-left: 4px;
+    margin-bottom: 2px;
+    content: '';
+    width: 0;
+    height: 0;
+}
+
+ul.sorter li a.asc:after {
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-bottom: 5px solid black;
+}
+
+ul.sorter li a.desc:after {
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    border-top: 5px solid black;
+}
+
 html {
     font-family: sans-serif;
     -ms-text-size-adjust: 100%;