summaryrefslogtreecommitdiffstats
path: root/web/sass-files/sass/partials/_headers.scss
diff options
context:
space:
mode:
authorChristopher Speller <crspeller@gmail.com>2016-03-15 14:05:05 -0400
committerChristopher Speller <crspeller@gmail.com>2016-03-15 14:05:05 -0400
commit3745204097b2f03cd5f3fc1292ea62fb4f931232 (patch)
tree3380ee0fd2341dac1814aed8cf851bfe274a21a7 /web/sass-files/sass/partials/_headers.scss
parentbf7ae0711743926cfbb031675cc3320d7a942465 (diff)
parent7d79a916dd58d51989d35721060cfca6dce1baca (diff)
downloadchat-3745204097b2f03cd5f3fc1292ea62fb4f931232.tar.gz
chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.tar.bz2
chat-3745204097b2f03cd5f3fc1292ea62fb4f931232.zip
Merge pull request #2429 from asaadmahmoodspin/ui-improvements
PLT-963 - Improving scss structure
Diffstat (limited to 'web/sass-files/sass/partials/_headers.scss')
-rw-r--r--web/sass-files/sass/partials/_headers.scss320
1 files changed, 0 insertions, 320 deletions
diff --git a/web/sass-files/sass/partials/_headers.scss b/web/sass-files/sass/partials/_headers.scss
deleted file mode 100644
index 93cb04198..000000000
--- a/web/sass-files/sass/partials/_headers.scss
+++ /dev/null
@@ -1,320 +0,0 @@
-@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, 0.05s, linear);
- content: "";
- background: none;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- position: absolute;
- }
- &:hover {
- &:before {
- background: rgba(black, 0.1);
- }
- .user__name {
- color: #fff;
- }
- .navbar-right {
- .dropdown-toggle {
- @include opacity(1);
- }
- }
- }
- .navbar-right {
- font-size: 0.85em;
- position: absolute;
- top: 10px;
- right: 22px;
- z-index: 5;
- .dropdown-toggle {
- @include single-transition(all, 0.1s, linear);
- padding: 10px;
- @include opacity(0.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, 0.1s, linear);
- font-size: 14px;
- line-height: 18px;
- font-weight: 400;
- color: #eee;
- color: rgba(#fff, 0.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(0.6);
- @include single-transition(all, 0.1s, ease-in);
- &:hover {
- @include opacity(1);
- }
- &:focus {
- color: inherit;
- }
- }
-}