arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
Tobias Reich 2015-04-04 23:19:16 +02:00
parent 32f813a8a5
commit b21141aa8a
11 changed files with 22 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/main.css vendored
View File

Binary file not shown.

BIN
dist/main.js vendored
View File

Binary file not shown.

BIN
dist/view.js vendored
View File

Binary file not shown.

34
index.html
View File

File diff suppressed because one or more lines are too long

2
src/images/iconic.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 44 KiB

After

Width:  |  Height:  |  Size: 54 KiB

2
src/scripts/build.js
View File

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

1
src/styles/_content.scss
View File

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

1
src/styles/_contextmenu.scss
View File

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

4
src/styles/_header.scss
View File

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

3
src/styles/_sidebar.scss
View File

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

6
view.php
View File

@ -49,10 +49,10 @@
<header class="view"> <header class="view">
<a class="button button--right" id="button_info" title="About Photo"> <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>
<a class="button button--right" id="button_direct" title="Direct Link"> <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>
<a id="title" class="view"></a> <a id="title" class="view"></a>
@ -67,7 +67,7 @@
<div class='header'> <div class='header'>
<h1>About</h1> <h1>About</h1>
<a class='close' title='Close About'> <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> </a>
</div> </div>
<div class='wrapper'> <div class='wrapper'>