Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Some small gallery tweaks

Browse Source
This commit is contained in:
seaweedchan 2013-08-23 03:01:13 -07:00
parent 04d968d6f1
commit 9a43535675
5 changed files with 28 additions and 882 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
LICENSE
View File

@ -1,5 +1,5 @@
/* /*
* 4chan X - Version 1.2.35 - 2013-08-22 * 4chan X - Version 1.2.35 - 2013-08-23
* *
* Licensed under the MIT license. * Licensed under the MIT license.
* https://github.com/seaweedchan/4chan-x/blob/master/LICENSE * https://github.com/seaweedchan/4chan-x/blob/master/LICENSE

432
builds/4chan-X.user.js
View File

File diff suppressed because one or more lines are too long

432
builds/crx/script.js
View File

File diff suppressed because one or more lines are too long

36
src/General/css/style.css
View File

@ -1090,7 +1090,7 @@ a:only-of-type > .remove {
z-index: 30; z-index: 30;
display: <%= flex %>; display: <%= flex %>;
<%= flex %>-direction: row; <%= flex %>-direction: row;
background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,0.5)); background: rgba(0,0,0,0.7);
} }
.gal-viewport { .gal-viewport {
display: <%= flex %>; display: <%= flex %>;
@ -1166,7 +1166,6 @@ a:only-of-type > .remove {
overflow: auto; overflow: auto;
/* Flex > Non-Flex child max-width and overflow fix (Firefox only?) */ /* Flex > Non-Flex child max-width and overflow fix (Firefox only?) */
width: 1%; width: 1%;
padding-top: 2.4em;
} }
.gal-image a { .gal-image a {
margin: auto; margin: auto;
@ -1174,27 +1173,28 @@ a:only-of-type > .remove {
.gal-image img { .gal-image img {
max-width: 100%; max-width: 100%;
} }
.gal-info {
position: absolute;
top: 0;
right: 40px;
left: 20px;
height: 2.4em;
background-color: rgba(0,0,0,0.3);
text-align: center;
text-overflow: ellipsis;
overflow: hidden;
padding: 0 20px;
}
.gal-close { .gal-close {
font-size: 2em; font-size: 2em;
float: right;
padding-right: 8px; padding-right: 8px;
position: fixed;
top: 5px;
right: 195px;
} }
.gal-name { .gal-name {
font-size: 2em; position: fixed;
color: #ddd; bottom: 5px;
right: 190px;
background: rgba(0,0,0,0.6) !important;
border-radius: 3px;
padding: 2px 5px;
color: white !important;
} }
.gal-count { .gal-count {
color: #ddd; position: fixed;
bottom: 26px;
right: 190px;
background: rgba(0,0,0,0.6) !important;
border-radius: 3px;
padding: 2px 5px;
color: white !important;
} }

8
src/Images/Gallery.coffee
View File

@ -31,11 +31,9 @@ Gallery =
id: 'a-gallery' id: 'a-gallery'
innerHTML: """ innerHTML: """
<div class=gal-viewport> <div class=gal-viewport>
<div class=gal-info> <a href=javascript:; class=gal-close>×</a>
<a href=javascript:; class=gal-close>×</a> <a class=gal-name target="_blank"></a>
<a class=gal-name></a> <span class=gal-count><span class='count'></span> / <span class='total'></span></a></span>
<span class=gal-count>(<span class='count'></span> / <span class='total'></span>)</a>
</div>
<div class=gal-prev></div> <div class=gal-prev></div>
<div class=gal-image> <div class=gal-image>
<a href=javascript:;><img></a> <a href=javascript:;><img></a>