Change improve history menu images for light themes.

CHANGES.md

@@ -62,6 +62,7 @@
 * Change if displayshow page refreshed during manual search, update UI row with wanted status
 * Change correct queueing typo
 * Change vertically align spinner on displayShow
+* Change improve history menu images for light themes
 
 
 ### 0.17.13 (2018-11-08 21:12:00 UTC)

gui/slick/css/style.css

@@ -129,11 +129,11 @@ fonts
 /* SickGear Icons */
 @font-face{
 	font-family:"sgicons";
-	src:url("fonts/sgicons.eot?v2");
-	src:url("fonts/sgicons.eot?v2#iefix") format("embedded-opentype"),
-		url("fonts/sgicons.woff?v2") format("woff"),
-		url("fonts/sgicons.ttf?v2") format("truetype"),
-		url("fonts/sgicons.svg?v2#sgicons") format("svg");
+	src:url("fonts/sgicons.eot?v3");
+	src:url("fonts/sgicons.eot?v3#iefix") format("embedded-opentype"),
+		url("fonts/sgicons.woff?v3") format("woff"),
+		url("fonts/sgicons.ttf?v3") format("truetype"),
+		url("fonts/sgicons.svg?v3#sgicons") format("svg");
 	font-weight:normal;
 	font-style:normal
 }
@@ -563,7 +563,7 @@ inc_top.tmpl
 }
 
 .sgicon-info:before{
-	content:"\e617"
+	content:"\e65b"
 }
 
 .sgicon-restart:before{
@@ -583,27 +583,27 @@ inc_top.tmpl
 }
 
 .sgicon-arrowup:before{
-	content:"\e61c"
+	content:"\e63b"
 }
 
 .sgicon-arrowdown:before{
-	content:"\e61d"
+	content:"\e63a"
 }
 
 .sgicon-plex:before{
-	content:"\e61e"
+	content:"\e903"
 }
 
 .sgicon-kodi:before{
-	content:"\e61f"
+	content:"\e901"
 }
 
 .sgicon-bittorrent:before{
-	content:"\e620"
+	content:"\e910"
 }
 
 .sgicon-xbmc:before{
-	content:"\e621"
+	content:"\e902"
 }
 
 .sgicon-rss:before{
@@ -639,7 +639,7 @@ inc_top.tmpl
 }
 
 .sgicon-warning:before{
-	content:"\e62a"
+	content:"\e657"
 }
 
 .sgicon-list:before{
@@ -662,6 +662,18 @@ inc_top.tmpl
 	content:"\e62f"
 }
 
+.sgicon-downloaded:before{
+	content:"\e634"
+}
+
+.sgicon-watched:before{
+	content:"\e643"
+}
+
+.sgicon-failures:before{
+	content:"\e685"
+}
+
 .sgicon-imdb:before{
 	content:"\e898"
 }
@@ -3916,37 +3928,37 @@ fieldset[disabled] .navbar-default .btn-link:focus{
 	font-weight:400
 }
 
-.dropdown-menu li > a.history{
+.dropdown-menu li > .history{
 	width:70%;
 	display:inline-block;
 	padding-right:0
 }
-.dropdown-menu li > a .icon-glyph{
-	display:inline-block;
-	vertical-align:middle;
-	float:none;
+
+.dropdown-menu li > .history .sgicon-downloaded,
+.dropdown-menu li > .history .sgicon-watched,
+.dropdown-menu li > .history-sub [class^="sgicon-"]{
 	margin:0
 }
-.dropdown-menu li > a.history.watched .icon-glyph{
-	margin:0 -2px
+.dropdown-menu li > .history .sgicon-failures{
+	margin:0 2px 0 3px
 }
-.dropdown-menu li > a.history.activity .icon-glyph{
-	margin:0 -2px 0 -1px
+.dropdown-menu li > .history .sgicon-downloaded,
+.dropdown-menu li > .history .sgicon-watched,
+.dropdown-menu li > .history .sgicon-failures,
+.dropdown-menu li > .history-sub [class^="sgicon-"]{
+	opacity:0.6;filter:alpha(opacity=0.6)
 }
-.dropdown-menu li > a.history.failures .icon-glyph{
-	margin:0 -3px 0 -1px
+.dropdown-menu li > .history:hover .sgicon-downloaded,
+.dropdown-menu li > .history:hover .sgicon-watched,
+.dropdown-menu li > .history:hover .sgicon-failures,
+.dropdown-menu li > .history-sub:hover [class^="sgicon-"]{
+	opacity:1;filter:alpha(opacity=1)
 }
-.dropdown-menu li > a.history-sub{
+.dropdown-menu li > .history-sub{
 	width:28px;
-	padding:4px 6px;
+	padding:4px 7px;
 	float:right
 }
-.dropdown-menu .icon-glyph{
-	opacity:0.75;filter:alpha(opacity=75)
-}
-.dropdown-menu .activity .icon-glyph{background-position:-95px -23px}
-.dropdown-menu .watched .icon-glyph{background-position:-119px -119px}
-.dropdown-menu .failures .icon-glyph{background-position:-0 -119px}
 
 .dropdown-menu .added-last .truncate{
 	max-width:135px

gui/slick/interfaces/default/inc_top.tmpl

@@ -133,24 +133,24 @@
 							<li>
 #set $layout = $sg_var('HISTORY_LAYOUT', 'compact') or 'compact'
 #if $layout in ('compact', 'detailed')
-	#set $default_layout = 'activity'
+	#set $default_layout = 'downloaded'
 #elif 'watched' in $layout
 	#set $default_layout = 'watched'
 #else
 	#set $default_layout = 'failures'
 #end if
-								<a href="$sbRoot/history/" class="history $default_layout" tabindex="$tab#set $tab += 1#"><i class="sgicon-mediafile"></i>History $history_home (<i class="icon-glyph"></i>)</a>
+								<a href="$sbRoot/history/" class="history" tabindex="$tab#set $tab += 1#"><i class="sgicon-mediafile"></i>History $history_home (<i class="sgicon-$default_layout"></i>)</a>
 ## switch tab order around using pop() due to float right
 #set $tab_list = [$tab, $tab + 1]
 #set $tab += 2
 #if 'failures' != $default_layout
-								<a href="$sbRoot/history/?layout=provider_failures" class="failures history-sub" title="Stats" tabindex="$tab_list.pop()"><i class="icon-glyph"></i></a>
+								<a href="$sbRoot/history/?layout=provider_failures" class="history-sub" title="Stats" tabindex="$tab_list.pop()"><i class="sgicon-failures"></i></a>
 #end if
 #if 'watched' != $default_layout
-								<a href="$sbRoot/history/?layout=compact_watched" class="watched history-sub" title="Watched" tabindex="$tab_list.pop()"><i class="icon-glyph"></i></a>
+								<a href="$sbRoot/history/?layout=compact_watched" class="history-sub" title="Watched" tabindex="$tab_list.pop()"><i class="sgicon-watched"></i></a>
 #end if
-#if 'activity' != $default_layout
-								<a href="$sbRoot/history/?layout=compact" class="activity history-sub" title="Activity" tabindex="$tab_list.pop()"><i class="icon-glyph"></i></a>
+#if 'downloaded' != $default_layout
+								<a href="$sbRoot/history/?layout=compact" class="history-sub" title="Activity" tabindex="$tab_list.pop()"><i class="sgicon-downloaded"></i></a>
 #end if
 							</li>
 							<li class="divider"></li>