ulysia/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved support for small screens in upload form

Browse source
This commit is contained in:
Marcin Kurczewski 2014-08-03 23:41:15 +02:00
parent aca551038f
commit 26fcfa1bd9
1 changed files with 23 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
public_html/media/css/post-upload.css
View file

@ -1,13 +1,3 @@
.items .item {
width: 30%;
float: left;
}
.items .sep {
width: 3%;
float: left;
}
#upload-step1 { #upload-step1 {
display: table; display: table;
width: 50%; width: 50%;
@ -63,21 +53,39 @@
} }
#posts { #posts {
border-spacing: 0; border-spacing: 0;
table-layout: fixed;
width: 100%;
} }
#posts td, #posts td,
#posts th { #posts th {
padding: 0.2em 0.5em; padding: 0.2em 0.5em;
text-align: center;
} }
#posts th { #posts th {
font-weight: normal; font-weight: normal;
text-align: left;
} }
#posts tr.selected { #posts tr.selected {
background: lemonchiffon; background: lemonchiffon;
} }
#posts .checkbox {
width: 30px;
padding: 0.2em 0;
}
#posts .checkbox input {
margin: 0 auto;
}
#posts .thumbnail {
width: 40px;
padding: 0.2em 0;
}
#posts .safety {
width: 60px;
padding: 0.2em 0;
}
#posts .tags { #posts .tags {
width: 100%;
text-align: left; text-align: left;
overflow: hidden;
text-overflow: ellipsis;
} }
#posts .safety { #posts .safety {
text-align: center; text-align: center;
@ -94,11 +102,14 @@
#posts .thumbnail img { #posts .thumbnail img {
width: 30px; width: 30px;
height: 30px; height: 30px;
display: inline-block;
margin: 0;
background-size: 30px 30px; background-size: 30px 30px;
} }
#post-ops { #post-ops {
list-style-type: none; list-style-type: none;
margin: 1em 0; margin: 1em 0;
padding: 0;
} }
#post-ops li { #post-ops li {
display: inline-block; display: inline-block;