Fixed upload filename align; changed form controls

This commit is contained in:
Marcin Kurczewski 2014-05-18 11:16:26 +02:00
parent fc07bb590a
commit b185b098d0
3 changed files with 21 additions and 9 deletions

View file

@ -260,12 +260,12 @@ button {
box-sizing: border-box !important; box-sizing: border-box !important;
vertical-align: middle; vertical-align: middle;
line-height: 24px; line-height: 24px;
height: 34px; padding: 3px 5px;
height: 30px;
} }
label, label,
input, input,
select { select {
padding: 5px;
font-family: inherit; font-family: inherit;
font-size: 11pt; font-size: 11pt;
} }
@ -296,7 +296,7 @@ button:hover {
} }
.form-row { .form-row {
margin: 0.25em 0; margin: 0 0 0.5em 0;
clear: left; clear: left;
} }
.input-wrapper { .input-wrapper {
@ -319,12 +319,19 @@ ul.tagit {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
min-height: 32px;
}
ul.tagit li.tagit-new {
padding: 1px 0 !important;
}
ul.tagit li.tagit-choice {
padding: 1px 20px 1px 5px !important;
} }
ul.tagit input { ul.tagit input {
border: 0 !important; border: 0 !important;
line-height: auto !important; line-height: auto !important;
height: auto !important; height: auto !important;
margin: -4px 0 !important; padding: 0 !important;
} }
.related-tags { .related-tags {
padding: 0.5em; padding: 0.5em;

View file

@ -74,7 +74,7 @@
.post .ops a { .post .ops a {
cursor: pointer; cursor: pointer;
margin-left: 0.5em; margin-left: 1.5em;
vertical-align: middle; vertical-align: middle;
} }
.post a span { .post a span {
@ -117,11 +117,11 @@
.post .file-name strong { .post .file-name strong {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 50%; max-width: 100%;
white-space: pre; white-space: pre;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: text-bottom;
padding: 0.5em 0; line-height: 30px;
} }
.safety-safe { .safety-safe {
@ -155,6 +155,9 @@ ul.tagit {
.post .form-wrapper { .post .form-wrapper {
overflow: hidden; overflow: hidden;
} }
.post form {
margin-top: 0;
}
#lightbox { #lightbox {
display: none; display: none;

View file

@ -71,7 +71,9 @@ $this->assets->addScript('../lib/tagit/jquery.tagit.js');
<form action="<?= \Chibi\Router::linkTo(['PostController', 'uploadAction']) ?>" method="post"> <form action="<?= \Chibi\Router::linkTo(['PostController', 'uploadAction']) ?>" method="post">
<div class="form-row file-name"> <div class="form-row file-name">
<label>File:</label> <label>File:</label>
<strong>filename.jpg</strong> <div class="input-wrapper">
<strong>filename.jpg</strong>
</div>
</div> </div>
<div class="form-row safety"> <div class="form-row safety">