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

75 lines
1.3 KiB
SCSS
Raw Normal View History

2013-09-06 03:37:07 +08:00
// --------------------------------------------------
// Discourse header
// --------------------------------------------------
.d-header {
height: 3.66em;
// some protection for text-only site titles
.title {
max-width: 75%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-animation: fadein 0.5s;
animation: fadein 0.5s;
a {
display: block;
width: 100%;
}
}
2018-11-23 22:04:42 +08:00
#site-logo {
max-height: 2.4em;
max-width: 100%;
2018-11-23 22:04:42 +08:00
}
#site-text-logo {
margin: 0;
font-size: $font-up-1;
}
.extra-info-wrapper {
.extra-info {
// header title should not be centered if there's no tags / categories
&:not(.two-rows) {
min-height: 2.25em;
}
h1 {
font-size: $font-0;
}
.private-message-glyph-wrapper {
float: left;
}
}
2013-09-06 03:37:07 +08:00
}
2017-09-06 23:29:43 +08:00
button.sign-up-button {
display: none;
2017-09-06 23:29:43 +08:00
}
// styles for mobile scroll logo / topic
.panel {
-webkit-animation: fadein 0.5s;
animation: fadein 0.5s;
}
&.scroll-down .panel {
display: none;
}
2017-09-06 23:29:43 +08:00
}
2017-09-06 23:29:43 +08:00
.d-header-icons {
2018-01-13 06:27:38 +08:00
.d-icon {
line-height: $line-height-medium;
}
2017-09-06 23:29:43 +08:00
.active .icon {
&:after {
margin-top: -1px;
}
2013-09-06 03:37:07 +08:00
}
}
2013-09-06 03:37:07 +08:00
#main-outlet {
2018-07-28 04:49:28 +08:00
padding-top: 4.2857em;
2013-09-06 03:37:07 +08:00
}
.search-link .badge-category {
display: none;
}