Updated iconic, removed some shadows, removed viewBox, fixed FF icon filter bug #316

src/scripts/build.js

@@ -12,7 +12,7 @@ build.iconic = function(icon, classes) {
 	classes	= classes || '';
 
 	html =	`
-			<svg viewBox='0 0 8 8' class='iconic ${ classes }'>
+			<svg class='iconic ${ classes }'>
 				<use xlink:href='#${ icon }' />
 			</svg>
 			`

src/styles/_content.scss

@@ -201,7 +201,6 @@
 			color: white(.6);
 			font-size: 14px;
 			font-weight: bold;
-			text-shadow: $shadow;
 		}
 	}
 

src/styles/_contextmenu.scss

@@ -56,7 +56,6 @@
 				width: 11px;
 				height: 10px;
 				fill: white(1);
-				filter: drop-shadow($shadow);
 			}
 
 			tr td .iconic.ionicons {

src/styles/_header.scss

@@ -36,7 +36,6 @@ header {
 		font-size: 16px;
 		font-weight: bold;
 		text-align: center;
-		text-shadow: $shadow;
 		z-index: 1;
 		cursor: default;
 
@@ -46,7 +45,6 @@ header {
 			width: 10px;
 			height: 10px;
 			fill: white(.5);
-			filter: drop-shadow($shadow);
 			transition: fill .2s ease-out;
 		}
 
@@ -85,7 +83,6 @@ header {
 			width: 15px;
 			height: 15px;
 			fill: white(.5);
-			filter: drop-shadow($shadow);
 			transition: fill .2s ease-out;
 		}
 
@@ -162,7 +159,6 @@ header {
 		margin: 13px 9px;
 		color: #888;
 		font-size: 13px;
-		text-shadow: $shadow;
 		border-radius: 100px;
 		display: none;
 

src/styles/_sidebar.scss

@@ -39,7 +39,6 @@
 		font-size: 16px;
 		font-weight: bold;
 		text-align: center;
-		text-shadow: $shadow;
 	}
 
 	/* Wrapper ------------------------------------------------*/
@@ -82,7 +81,6 @@
 			width: 10px;
 			height: 10px;
 			fill: white(.5);
-			filter: drop-shadow($shadow);
 			transition: fill .2s ease-out;
 		}
 
@@ -162,7 +160,6 @@
 			fill: $colorRed;
 			width: 8px;
 			height: 8px;
-			filter: drop-shadow($shadowLight);
 		}
 
 		&:hover .iconic { fill: lighten($colorRed, 10%); }

view.php

@@ -49,10 +49,10 @@
 	<header class="view">
 
 		<a class="button button--right" id="button_info" title="About Photo">
-			<svg viewBox="0 0 8 8" class="iconic"><use xlink:href="src/images/iconic.svg#info"></use></svg>
+			<svg class="iconic"><use xlink:href="src/images/iconic.svg#info"></use></svg>
 		</a>
 		<a class="button button--right" id="button_direct" title="Direct Link">
-			<svg viewBox="0 0 8 8" class="iconic"><use xlink:href="src/images/iconic.svg#link-intact"></use></svg>
+			<svg class="iconic"><use xlink:href="src/images/iconic.svg#link-intact"></use></svg>
 		</a>
 
 		<a id="title" class="view"></a>
@@ -67,7 +67,7 @@
 		<div class='header'>
 			<h1>About</h1>
 			<a class='close' title='Close About'>
-				<svg viewBox="0 0 8 8" class="iconic"><use xlink:href="src/images/iconic.svg#circle-x"></use></svg>
+				<svg class="iconic"><use xlink:href="src/images/iconic.svg#circle-x"></use></svg>
 			</a>
 		</div>
 		<div class='wrapper'>