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

92 lines
1.3 KiB
SCSS
Raw Normal View History

2013-09-06 03:37:07 +08:00
// --------------------------------------------------
// Discourse header
// --------------------------------------------------
.d-header {
#site-logo {
2015-07-26 16:55:12 +08:00
max-width: 125px;
}
// some protection for text-only site titles
.title {
2015-07-26 16:55:12 +08:00
max-width: 130px;
overflow: hidden;
padding: 0;
text-overflow: clip;
2013-09-06 03:37:07 +08:00
}
2013-09-06 03:37:07 +08:00
.icons {
.badge-notification {
top: -5px;
2014-07-26 11:06:14 +08:00
color: $secondary;
2013-09-06 03:37:07 +08:00
}
.active .icon {
&:after { margin-top: -1px; }
2014-08-14 18:25:48 +08:00
}
}
button.sign-up-button {
display:none;
2013-09-06 03:37:07 +08:00
}
}
2013-09-06 03:37:07 +08:00
#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
2013-09-06 03:37:07 +08:00
// Common
.heading {
color: $primary;
2013-09-06 03:37:07 +08:00
font-weight: bold;
font-size: 0.857em;
2013-09-06 03:37:07 +08:00
line-height: 15px;
}
// Search
2014-11-06 09:13:51 +08:00
.searching {
position: absolute;
top: 0;
right: 25px;
}
2013-09-06 03:37:07 +08:00
input[type='text'] {
width: 265px;
font-size: 1.143em;
2013-09-06 03:37:07 +08:00
}
2014-02-12 09:56:49 +08:00
&#user-dropdown {
width: 155px;
2014-02-12 09:56:49 +08:00
}
.btn {
padding: 2px 8px;
.fa {
margin-right: 5px;
}
}
2013-09-06 03:37:07 +08:00
}
.search-link .badge-category {
display: none;
}
.search-link .topic-statuses .topic-status i {
font-size: 1em;
}
2014-10-18 11:27:33 +08:00
2014-11-01 03:12:25 +08:00
.d-dropdown#search-dropdown .heading {
padding: 0;
2014-11-06 09:13:51 +08:00
}