discourse/app/assets/stylesheets/mobile/header.scss

93 lines
1.3 KiB
SCSS

// --------------------------------------------------
// Discourse header
// --------------------------------------------------
.d-header {
#site-logo {
max-width: 125px;
}
// some protection for text-only site titles
.title {
max-width: 130px;
height: 39px;
overflow: hidden;
padding: 0;
text-overflow: clip;
}
.icons {
.badge-notification {
top: -5px;
color: $secondary;
}
.active .icon {
&:after { margin-top: -1px; }
}
}
button.sign-up-button {
display:none;
}
}
#main-outlet {
padding-top: 60px;
}
// Dropdowns
// --------------------------------------------------
.d-dropdown {
width: 290px;
margin-top: -1px;
right: -$mobile-wrapper-padding; // Line-up with edge of screen, not edge of padding
// Common
.heading {
color: $primary;
font-weight: bold;
font-size: 0.857em;
line-height: 15px;
}
// Search
.searching {
position: absolute;
top: 0;
right: 25px;
}
input[type='text'] {
width: 265px;
font-size: 1.143em;
}
&#user-dropdown {
width: 155px;
}
.btn {
padding: 2px 8px;
.fa {
margin-right: 5px;
}
}
}
.search-link .badge-category {
display: none;
}
.search-link .topic-statuses .topic-status i {
font-size: 1em;
}
.d-dropdown#search-dropdown .heading {
padding: 0;
}