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

support webkit browsers that still have flex prefixed

Browse Source
This commit is contained in:
ccd0 2014-07-20 01:34:48 -07:00
parent 2fc7ed9f8e
commit cbee0b96c1
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -849,7 +849,9 @@ span.hide-announcement {
} }
.persona { .persona {
width: 100%; width: 100%;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: row;
flex-direction: row; flex-direction: row;
} }
#dump-button { #dump-button {
@ -869,6 +871,7 @@ span.hide-announcement {
opacity: 0.6; opacity: 0.6;
} }
.persona .field { .persona .field {
-webkit-flex: 1;
flex: 1; flex: 1;
width: 0; width: 0;
} }
@ -1279,21 +1282,29 @@ div.boardTitle {
left: 0; left: 0;
right: 0; right: 0;
z-index: 30; z-index: 30;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: row;
flex-direction: row; flex-direction: row;
background: rgba(0,0,0,0.7); background: rgba(0,0,0,0.7);
} }
.gal-viewport { .gal-viewport {
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: stretch; -webkit-align-items: stretch;
align-items: stretch; align-items: stretch;
-webkit-flex-direction: row;
flex-direction: row; flex-direction: row;
-webkit-flex: 1 1 auto;
flex: 1 1 auto; flex: 1 1 auto;
} }
.gal-thumbnails { .gal-thumbnails {
-webkit-flex: 0 0 150px;
flex: 0 0 150px; flex: 0 0 150px;
overflow-y: auto; overflow-y: auto;
display: -webkit-flex;
display: flex; display: flex;
-webkit-flex-direction: column;
flex-direction: column; flex-direction: column;
-webkit-align-items: stretch; -webkit-align-items: stretch;
align-items: stretch; align-items: stretch;
@ -1311,6 +1322,7 @@ div.boardTitle {
width: auto; width: auto;
} }
.gal-thumb { .gal-thumb {
-webkit-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
padding: 3px; padding: 3px;
line-height: 0; line-height: 0;
@ -1329,6 +1341,7 @@ div.boardTitle {
} }
.gal-prev, .gal-prev,
.gal-next { .gal-next {
-webkit-flex: 0 0 20px;
flex: 0 0 20px; flex: 0 0 20px;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
@ -1360,7 +1373,9 @@ div.boardTitle {
} }
.gal-image { .gal-image {
order: 1; order: 1;
-webkit-flex: 1 0 auto;
flex: 1 0 auto; flex: 1 0 auto;
display: -webkit-flex;
display: flex; display: flex;
-webkit-align-items: flex-start; -webkit-align-items: flex-start;
align-items: flex-start; align-items: flex-start;