2014-02-20 14:33:46 +04:00
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
|
|
|
|
|
|
|
|
/* compress search box on mobile, expand when focused */
|
|
|
|
|
.searchbox input[type="search"] {
|
2014-02-20 21:38:33 +04:00
|
|
|
|
width: 15%;
|
2014-02-20 14:33:46 +04:00
|
|
|
|
-webkit-transition: width 100ms;
|
|
|
|
|
-moz-transition: width 100ms;
|
|
|
|
|
-o-transition: width 100ms;
|
|
|
|
|
transition: width 100ms;
|
|
|
|
|
}
|
|
|
|
|
.searchbox input[type="search"]:focus,
|
|
|
|
|
.searchbox input[type="search"]:active {
|
|
|
|
|
width: 155px;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-20 16:37:23 +04:00
|
|
|
|
/* do not show display name on mobile when profile picture is present */
|
|
|
|
|
#header .avatardiv.avatardiv-shown + #expandDisplayName {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
2014-03-14 12:14:52 +04:00
|
|
|
|
/* don’t require a minimum width for controls bar */
|
|
|
|
|
#controls {
|
|
|
|
|
min-width: initial !important;
|
|
|
|
|
}
|
|
|
|
|
|
2014-03-14 12:15:20 +04:00
|
|
|
|
/* position share dropdown */
|
|
|
|
|
#dropdown {
|
|
|
|
|
margin-right: 10% !important;
|
|
|
|
|
width: 80% !important;
|
|
|
|
|
}
|
|
|
|
|
|
2014-02-20 16:37:23 +04:00
|
|
|
|
|
2014-02-20 14:33:46 +04:00
|
|
|
|
}
|