Converting to Webpack. Stage 1.
Этот коммит содержится в:
Christopher Speller
370
webapp/sass/layout/_headers.scss
Обычный файл
370
webapp/sass/layout/_headers.scss
Обычный файл
@@ -0,0 +1,370 @@
|
||||
@charset 'UTF-8';
|
||||
|
||||
#channel-header {
|
||||
@include flex(0 0 56px);
|
||||
}
|
||||
|
||||
.row {
|
||||
&.header {
|
||||
position: relative;
|
||||
|
||||
.channel__wrap & {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-dropdown__icon {
|
||||
font-size: 11px;
|
||||
color: inherit;
|
||||
top: 3px;
|
||||
}
|
||||
|
||||
.channel-header__info {
|
||||
display: table;
|
||||
table-layout: fixed;
|
||||
width: 100%;
|
||||
|
||||
> div {
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
word-break: break-word;
|
||||
|
||||
&.dropdown {
|
||||
max-width: 100%;
|
||||
padding-right: 1em;
|
||||
float: left;
|
||||
|
||||
.header-dropdown__icon {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.modal {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
|
||||
&.description {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
margin-top: 2px;
|
||||
max-height: 45px;
|
||||
.markdown-inline-img {
|
||||
max-height: 45px;
|
||||
}
|
||||
}
|
||||
|
||||
&.popover {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.channel-intro {
|
||||
margin: 0 auto 35px;
|
||||
padding: 0 1em 5px;
|
||||
max-width: 1000px;
|
||||
border-bottom: 1px solid lightgrey;
|
||||
|
||||
.intro-links {
|
||||
margin: 0 1.5em 10px 0;
|
||||
display: inline-block;
|
||||
|
||||
.fa {
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.channel-intro-profile {
|
||||
margin-top: 5px;
|
||||
margin-left: 63px;
|
||||
}
|
||||
|
||||
.channel-intro-img {
|
||||
float: left;
|
||||
img {
|
||||
@include border-radius(100px);
|
||||
}
|
||||
}
|
||||
|
||||
.channel-intro__title {
|
||||
font-weight: 600;
|
||||
font-size: 20px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.channel-intro__content {
|
||||
background: #f7f7f7;
|
||||
padding: 10px 15px;
|
||||
@include border-radius(3px);
|
||||
}
|
||||
.channel-intro-text {
|
||||
margin-top: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
// Team Header in Sidebar
|
||||
.sidebar--left,
|
||||
.sidebar--menu {
|
||||
.team__header {
|
||||
position: relative;
|
||||
padding: 9px 10px;
|
||||
@include legacy-pie-clearfix;
|
||||
|
||||
&:before {
|
||||
@include single-transition(all, .05s, linear);
|
||||
content: '';
|
||||
background: none;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
&:before {
|
||||
background: rgba(black, .1);
|
||||
}
|
||||
|
||||
.user__name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.navbar-right {
|
||||
.dropdown-toggle {
|
||||
@include opacity(1);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-right {
|
||||
font-size: .85em;
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 22px;
|
||||
z-index: 5;
|
||||
|
||||
.dropdown-toggle {
|
||||
@include single-transition(all, .1s, linear);
|
||||
padding: 10px;
|
||||
@include opacity(.8);
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
li a {
|
||||
padding: 3px 20px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown__icon {
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.settings__link a:hover,
|
||||
a:visited,
|
||||
a:link,
|
||||
a:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.user__picture {
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
float: left;
|
||||
@include border-radius(36px);
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
.header__info {
|
||||
color: #fff;
|
||||
@include clearfix;
|
||||
padding-left: 2px;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.team__name,
|
||||
.user__name {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
max-width: 85%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.team__name {
|
||||
line-height: 22px;
|
||||
margin-top: -2px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.user__name {
|
||||
@include single-transition(all, .1s, linear);
|
||||
font-size: 14px;
|
||||
line-height: 18px;
|
||||
font-weight: 400;
|
||||
color: #eee;
|
||||
color: rgba(#fff, .8);
|
||||
}
|
||||
|
||||
> .nav {
|
||||
> li {
|
||||
> a {
|
||||
float: right;
|
||||
background: none !important;
|
||||
padding: 2px;
|
||||
|
||||
&.dropdown-toggle {
|
||||
line-height: 1.8;
|
||||
font-size: 1em;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.search__clear {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#navbar {
|
||||
.navbar-default {
|
||||
.navbar-toggle {
|
||||
&.menu-toggle {
|
||||
padding: 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.channel-header {
|
||||
width: 100%;
|
||||
border-left: none;
|
||||
font-size: 14px;
|
||||
line-height: 56px;
|
||||
|
||||
#member_popover {
|
||||
width: 50px;
|
||||
color: #999;
|
||||
cursor: pointer;
|
||||
|
||||
.fa {
|
||||
margin-left: 4px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
&.alt {
|
||||
margin: 0;
|
||||
th {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
td {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: center;
|
||||
&:first-child {
|
||||
text-align: left !important;
|
||||
border-left: none;
|
||||
width: 100%;
|
||||
padding-left: 1em;
|
||||
}
|
||||
&:last-child {
|
||||
width: 8.9%;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
padding: 5px 25px 5px !important;
|
||||
font-size: 13px;
|
||||
text-align: center !important;
|
||||
&:first-child {
|
||||
text-align: left !important;
|
||||
}
|
||||
}
|
||||
|
||||
.heading {
|
||||
margin: 0;
|
||||
color: #555;
|
||||
font-size: 1.3em;
|
||||
font-weight: 600;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
max-width: 100%;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 4px;
|
||||
}
|
||||
|
||||
.caret {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.more {
|
||||
color: #81848b;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
text-transform: capitalize;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
.channel-header__navbar {
|
||||
font-size: 16px;
|
||||
|
||||
.heading {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.header-dropdown__icon {
|
||||
top: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.channel-header__links {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
height: 30px;
|
||||
width: 24px;
|
||||
line-height: 26px;
|
||||
margin-right: 9px;
|
||||
font-size: 22px;
|
||||
|
||||
.channel__wrap.move--left & {
|
||||
position: absolute;
|
||||
right: -400px;
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
> a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
@include opacity(.6);
|
||||
@include single-transition(all, .1s, ease-in);
|
||||
|
||||
&:hover {
|
||||
@include opacity(1);
|
||||
}
|
||||
&:focus {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
Ссылка в новой задаче
Block a user