Give a bit more space to token inputs

This commit is contained in:
wvengen 2015-04-11 02:18:55 +02:00
parent 7be903c209
commit f47e0b5b2a

View file

@ -3,7 +3,7 @@ ul.token-input-list-facebook {
overflow: hidden; overflow: hidden;
height: auto !important; height: auto !important;
height: 1%; height: 1%;
width: 400px; width: 530px;
border: 1px solid #BBB; border: 1px solid #BBB;
cursor: text; cursor: text;
font-size: 12px; font-size: 12px;
@ -19,6 +19,12 @@ ul.token-input-list-facebook {
border-radius: 3px; border-radius: 3px;
} }
@media (max-width: 768px) {
ul.token-input-list-facebook {
width: 100%;
}
}
ul.token-input-list-facebook.token-input-focused-facebook { ul.token-input-list-facebook.token-input-focused-facebook {
border-color: rgba(82, 168, 236, 0.8); border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
@ -130,4 +136,4 @@ div.token-input-dropdown-facebook ul li em {
div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook { div.token-input-dropdown-facebook ul li.token-input-selected-dropdown-item-facebook {
background-color: #08C; background-color: #08C;
color: #f5f5f5; color: #f5f5f5;
} }