sidebar : history icon and +/- icon more accurate

dcrankshaw · Jul 8, 2017 · b773d02 · b773d02
1 parent f83c45b
commit b773d02
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/layouts/partials/menu.html b/layouts/partials/menu.html
@@ -67,7 +67,7 @@
         {{else}}
           <i class="fa fa-angle-right fa-lg category-icon"></i>
         {{end}}
-        {{ if $showvisitedlinks}}<i style="color:grey" class="fa fa-check read-icon"></i>{{end}}
+        {{ if $showvisitedlinks}}<i style="color:grey" class="fa fa-circle-thin read-icon"></i>{{end}}
       </a>
       <ul>
         {{ .Scratch.Set "pages" .Pages }}
@@ -90,7 +90,7 @@
       ">
         <a href="{{ .RelPermalink}}">
         <span>{{safeHTML .Params.Pre}}{{.Title}}{{safeHTML .Params.Post}}</span> 
-        {{ if $showvisitedlinks}}<i style="color:grey" class="fa fa-check read-icon"></i>{{end}}
+        {{ if $showvisitedlinks}}<i style="color:grey" class="fa fa-circle-thin read-icon"></i>{{end}}
         </a></li>
      {{ end }}
   {{end}}

diff --git a/static/css/theme.css b/static/css/theme.css
@@ -522,7 +522,7 @@ textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[typ
     width: calc(100% - 20px);
 }
 #sidebar.showVisitedLinks ul li a span {
-    width: calc(100% - 45px);
+    width: calc(100% - 8px);
 }
 #sidebar ul li > a {
     padding: 2px 0;
@@ -1237,9 +1237,14 @@ pre .copy-to-clipboard:hover {
 #sidebar ul li.visited > a .read-icon {
     color: #2053AB;
     display: block;
+    font-size: xx-small;
+    position: absolute;
+    float: left;
+    top: 12px;
+    left: -10px;
 }
 #sidebar ul li.visited.active > a .read-icon {
-    right: 40px;
+    left: 7px;
 }
 
 #sidebar ul li .category-icon {
@@ -1248,7 +1253,8 @@ pre .copy-to-clipboard:hover {
     float: right;
     position: absolute;
     right: 0px;
-    margin: 0 !important;
+    margin: 0px !important;
+    padding-left: 20px !important;
     top: 9px;
 }