23 lines
522 B
CSS
23 lines
522 B
CSS
@media only screen and (max-width: 600px) {
|
|
|
|
/* compress search box on mobile, expand when focused */
|
|
.searchbox input[type="search"] {
|
|
width: 15%;
|
|
-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;
|
|
}
|
|
|
|
/* do not show display name on mobile when profile picture is present */
|
|
#header .avatardiv.avatardiv-shown + #expandDisplayName {
|
|
display: none;
|
|
}
|
|
|
|
|
|
}
|