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

avoid using different CSS for each package

Browse Source
This commit is contained in:
ccd0 2014-07-19 23:44:13 -07:00
parent e2d9afb3bb
commit 2fc7ed9f8e
2 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
Gruntfile.coffee
View File

@ -180,16 +180,6 @@ module.exports = (grunt) ->
pkg = grunt.config 'pkg' pkg = grunt.config 'pkg'
pkg.type = type pkg.type = type
grunt.config 'pkg', pkg grunt.config 'pkg', pkg
if type is 'crx'
pkg.align = '-webkit-align'
pkg.justify = '-webkit-justify-content'
pkg.transform = '-webkit-transform'
else
pkg.align = 'align'
pkg.justify = 'justify-content'
pkg.transform = 'transform'
grunt.log.ok 'pkg.type = %s', type grunt.log.ok 'pkg.type = %s', type
grunt.registerTask 'set-channel', 'Set the update channel', (channel) -> grunt.registerTask 'set-channel', 'Set the update channel', (channel) ->

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

@ -1285,7 +1285,8 @@ div.boardTitle {
} }
.gal-viewport { .gal-viewport {
display: flex; display: flex;
<%= align %>-items: stretch; -webkit-align-items: stretch;
align-items: stretch;
flex-direction: row; flex-direction: row;
flex: 1 1 auto; flex: 1 1 auto;
} }
@ -1294,7 +1295,8 @@ div.boardTitle {
overflow-y: auto; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
<%= align %>-items: stretch; -webkit-align-items: stretch;
align-items: stretch;
text-align: center; text-align: center;
background: rgba(0,0,0,.5); background: rgba(0,0,0,.5);
border-left: 1px solid #222; border-left: 1px solid #222;
@ -1341,7 +1343,8 @@ div.boardTitle {
.gal-next::after { .gal-next::after {
position: absolute; position: absolute;
top: 48.6%; top: 48.6%;
<%= transform %>: translateY(-50%) -webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block; display: inline-block;
border-top: 11px solid transparent; border-top: 11px solid transparent;
border-bottom: 11px solid transparent; border-bottom: 11px solid transparent;
@ -1359,8 +1362,10 @@ div.boardTitle {
order: 1; order: 1;
flex: 1 0 auto; flex: 1 0 auto;
display: flex; display: flex;
<%= align %>-items: flex-start; -webkit-align-items: flex-start;
<%= justify %>: space-around; align-items: flex-start;
-webkit-justify-content: space-around;
justify-content: space-around;
overflow: hidden; overflow: hidden;
/* 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%;