diff options
Diffstat (limited to 'webapp/sass/routes')
-rw-r--r-- | webapp/sass/routes/_about-modal.scss | 116 | ||||
-rw-r--r-- | webapp/sass/routes/_access-history.scss | 32 | ||||
-rw-r--r-- | webapp/sass/routes/_activity-log.scss | 57 | ||||
-rw-r--r-- | webapp/sass/routes/_admin-console.scss | 673 | ||||
-rw-r--r-- | webapp/sass/routes/_backstage.scss | 437 | ||||
-rw-r--r-- | webapp/sass/routes/_compliance.scss | 39 | ||||
-rw-r--r-- | webapp/sass/routes/_docs.scss | 19 | ||||
-rw-r--r-- | webapp/sass/routes/_error-page.scss | 35 | ||||
-rw-r--r-- | webapp/sass/routes/_get-app.scss | 97 | ||||
-rw-r--r-- | webapp/sass/routes/_loading.scss | 51 | ||||
-rw-r--r-- | webapp/sass/routes/_module.scss | 16 | ||||
-rw-r--r-- | webapp/sass/routes/_print.scss | 123 | ||||
-rw-r--r-- | webapp/sass/routes/_settings.scss | 555 | ||||
-rw-r--r-- | webapp/sass/routes/_shortcuts-modal.scss | 102 | ||||
-rw-r--r-- | webapp/sass/routes/_signup.scss | 535 | ||||
-rw-r--r-- | webapp/sass/routes/_statistics.scss | 120 |
16 files changed, 0 insertions, 3007 deletions
diff --git a/webapp/sass/routes/_about-modal.scss b/webapp/sass/routes/_about-modal.scss deleted file mode 100644 index 539130ad0..000000000 --- a/webapp/sass/routes/_about-modal.scss +++ /dev/null @@ -1,116 +0,0 @@ -@charset 'UTF-8'; - -.modal { - .modal-content { - @include box-shadow(0 0 10px rgba($black, .5)); - border-radius: $border-rad; - } - - .about-modal { - .modal-content { - .modal-header { - background: transparent; - border: none; - color: inherit; - padding: 20px 25px 0; - - .close { - color: inherit; - font-weight: normal; - right: 15px; - } - - .modal-title { - color: inherit; - font-size: 16px; - } - - .icon { - margin: 0 5px 0 8px; - position: relative; - top: 1px; - - svg { - @include opacity(.8); - height: 14px; - width: 14px; - } - } - } - } - - .modal-body { - padding: 20px 25px 10px; - } - - &.large { - .modal-body { - padding-bottom: 20px; - } - } - - .about-modal__content { - @include clearfix; - @include display-flex; - @include flex-direction(row); - padding: 1em 0 3em; - } - - .about-modal__copyright { - @include opacity(.6); - margin-top: .5em; - } - - .about-modal__footer { - font-size: 13.5px; - } - - .about-modal__title { - line-height: 1.5; - margin: 0 0 10px; - } - - .about-modal__subtitle { - @include opacity(.6); - } - - .about-modal__hash { - @include opacity(.4); - font-size: .75em; - text-align: right; - - p { - &:first-child { - float: left; - text-align: left; - } - } - } - - .about-modal__notice { - @include opacity(.8); - font-size: .79em; - text-align: right; - - p { - &:first-child { - text-align: left; - } - } - } - - .about-modal__logo { - @include opacity(.9); - padding: 0 40px 0 20px; - - svg { - height: 125px; - width: 125px; - } - - path { - fill: inherit; - } - } - } -}
\ No newline at end of file diff --git a/webapp/sass/routes/_access-history.scss b/webapp/sass/routes/_access-history.scss deleted file mode 100644 index ea66f5f00..000000000 --- a/webapp/sass/routes/_access-history.scss +++ /dev/null @@ -1,32 +0,0 @@ -@charset 'UTF-8'; - -.access-history__table { - display: table; - line-height: 1.6; - padding-top: 15px; - width: 100%; - - &:first-child { - padding: 0; - } - - > div { - display: table-cell; - vertical-align: top; - } - - .access__date { - font-size: 15px; - font-weight: 600; - width: 190px; - } - - .access__report { - border-bottom: 1px solid #ddd; - padding-bottom: 15px; - } - - .report__info { - @include opacity(.8); - } -} diff --git a/webapp/sass/routes/_activity-log.scss b/webapp/sass/routes/_activity-log.scss deleted file mode 100644 index 19f4757ea..000000000 --- a/webapp/sass/routes/_activity-log.scss +++ /dev/null @@ -1,57 +0,0 @@ -@charset 'UTF-8'; - -.animation--highlight { - &:before { - animation: highlight 1.5s ease; - content: ''; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - display: inline-block; - } -} - -.activity-log__table { - border-top: 1px solid $light-gray; - display: table; - line-height: 1.8; - padding: 15px 0; - width: 100%; - - &:first-child { - border: none; - padding-top: 0; - } - - > div { - display: table-cell; - vertical-align: top; - } - - .activity-log__report { - width: 80%; - } - - .activity-log__action { - text-align: right; - } - - .report__platform { - font-size: 15px; - font-weight: 600; - - .fa { - margin-right: 6px; - } - } - - .report__info { - @include opacity(.8); - } -} - -.session-help-text { - padding: 0 0 20px; -} diff --git a/webapp/sass/routes/_admin-console.scss b/webapp/sass/routes/_admin-console.scss deleted file mode 100644 index 7983cf131..000000000 --- a/webapp/sass/routes/_admin-console.scss +++ /dev/null @@ -1,673 +0,0 @@ -@charset 'UTF-8'; - -.admin-console__wrapper { - height: 100%; - overflow: auto; -} - -.admin-console { - color: #333; - height: 100%; - margin-left: 220px; - overflow: auto; - padding: 0 20px; - - .color-picker__popover { - position: absolute; - right: 0; - top: 40px; - z-index: 5; - } - - .dropdown-menu { - .divider { - @include opacity(1); - } - } - - .filtered-user-list { - height: calc(100vh - 120px); - } - - .Select-value-label { - white-space: nowrap; - } - - .inner-wrap { - position: absolute; - width: 100%; - } - - h3 { - font-weight: 600; - margin: 1em 0; - padding-bottom: .5em; - } - - h4 { - font-weight: 600; - margin-bottom: 2em; - } - - .form-control { - background-color: $white; - border: 1px solid $light-gray; - - &:focus { - @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)); - border-color: #66afe9; - outline: 0; - } - } - - .table { - &.table-margin--none { - margin-bottom: 0; - } - } - - .btn { - &.btn-spacing--right { - margin-right: 10px; - } - - .fa { - margin-right: 5px; - } - } - - .log__panel { - background-color: white; - border: $border-gray; - height: calc(100vh - 200px); - margin-top: 10px; - overflow: scroll; - padding: 5px; - width: 100%; - } - - &.admin { - background-color: #f1f1f1; - min-height: 600px; - overflow: auto; - padding: 0 40px 20px; - } - - .wrapper--fixed { - max-width: 800px; - } - - .form-horizontal { - margin-top: 40px; - - .control-label { - font-weight: 600; - padding-right: 0; - text-align: left; - } - - .has-error { - .control-label { - font-weight: normal; - } - } - - .form-group { - margin-bottom: 25px; - - &.half { - margin-bottom: 14px; - } - } - - .file__upload { - display: inline-block; - margin: 0 10px 10px 0; - position: relative; - - input { - @include opacity(0); - cursor: pointer; - height: 100%; - left: 0; - padding-left: 100%; - position: absolute; - top: 0; - width: 100%; - z-index: 5; - } - } - - .help-text { - color: alpha-color($black, .5); - display: block; - margin: 10px 0 0; - - &.no-margin { - margin: 0; - } - - &.no-margin--top { - margin-top: 0; - } - - ul, - ol { - padding-left: 23px; - } - - .help-link { - margin-right: 5px; - } - - .btn { - font-size: 13px; - } - - &.remove-filename { - margin-bottom: 5px; - position: relative; - top: -2px; - } - } - - .alert { - display: inline-block; - margin: 1em 0 0; - padding: 5px 7px; - position: relative; - top: 1px; - - .fa { - margin-right: 5px; - } - - &.alert-transparent { - background: $white; - border: $border-gray; - margin: 0; - padding: 8px 12px; - width: 100%; - } - - hr { - margin: .8em 0; - - &:last-child { - display: none; - } - } - } - } - - .banner { - background: $white; - border: $border-gray; - font-size: .95em; - margin: 2em 0; - padding: .8em 1.5rem; - - &.banner--url { - padding: 1.2em; - } - - .banner__url { - background: alpha-color($black, .07); - border-radius: 2px; - padding: .7em 1em; - word-break: break-all; - } - - .banner__heading { - font-size: 1.5em; - margin-bottom: 0.5em; - } - - &.warning { - background: #e60000; - } - } - - .popover { - border-radius: 3px; - font-size: .95em; - width: 100%; - } - - .panel { - background-color: transparent; - border: none; - } - - .panel-default { - > .panel-heading { - background-color: transparent; - padding: 10px 0; - } - - .panel-body { - padding: 30px 0 10px; - } - } - - .panel-group { - margin-bottom: 50px; - } - - .panel-title { - font-size: 24px; - line-height: 1.5; - - a { - @include clearfix; - display: block; - text-decoration: none; - - &.collapsed { - .fa-minus { - display: none; - } - - .fa-plus { - display: inline-block; - } - } - - .fa { - color: #aaa; - float: right; - font-size: 18px; - margin-top: 8px; - } - - .fa-plus { - display: none; - } - } - } - - .more-modal__list { - .filtered-user-list { - .filter-controls { - padding-bottom: 1em; - } - } - - .filter-row { - margin: 10px 0; - } - } - - .member-list-holder { - background: $white; - overflow: visible; - padding: 5px 0; - - .more-modal__list { - overflow: visible; - } - - .more-modal__row { - &:last-child { - border: none; - } - } - } - - .member-count { - @include opacity(.7); - margin-top: 8px; - } - - .admin-console-header { - border-bottom: 1px solid alpha-color($black, .1); - } - - .status-icon-unknown { - color: gray; - } - - .status-icon-success { - color: #69c169; - } - - .status-icon-warning { - color: #eac262; - } - - .status-icon-error { - color: #ea6262; - } - - .suggestion--selected { - background-color: #e2e2e2; - } -} - -.brand-img { - margin-bottom: 1.5em; - max-width: 150px; -} - -.admin-console__disabled-text { - color: #777; - margin: 10px 0 0 15px; -} - -.admin-sidebar { - background: #333; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 220px; - z-index: 5; - - .dropdown-menu { - max-height: 80vh; - max-width: 200px; - min-width: 200px; - overflow: auto; - } - - .team__header { - background: transparent; - } - - .nav-pills__container { - @include font-smoothing(initial); - background: #111; - height: calc(100% - 68px); - margin-top: 1px; - padding-bottom: 20px; - position: relative; - } - - .sidebar-category { - .category-title { - background: alpha-color($white, .15); - color: $white; - line-height: 15.4px; - padding: 10px; - - .category-icon { - font-size: 15px; - margin-right: 7px; - overflow: hidden; - right: 12px; - text-align: center; - top: 6px; - vertical-align: bottom; - width: 16px; - - &.fa-user { - font-size: 14px; - } - - &.fa-bar-chart { - font-size: 16px; - } - } - } - - .sections { - padding: 5px 0; - } - } - - .sidebar-section { - > .sidebar-section-title { - position: relative; - } - - .nav__sub-menu { - margin-bottom: 7px; - - &:empty { - display: none; - } - } - } - - .sections { - &.sections--settings { - .sidebar-section-title { - text-transform: uppercase; - - &:hover, - &:focus { - color: alpha-color($white, .5); - } - } - } - } - - .sidebar-section-title { - padding: 7px 35px 7px 15px; - } - - .sidebar-subsection-title { - padding: 7px 35px 7px 30px; - } - - .sidebar-section-title, - .sidebar-subsection-title { - color: alpha-color($white, .5); - display: block; - font-size: 13px; - position: relative; - - &:focus { - text-decoration: none; - } - - &:hover { - color: lighten($primary-color, 10); - text-decoration: none; - } - - &--active { - background: alpha-color($white, .1); - color: $white; - - &:hover, - &:focus { - background: alpha-color($white, .1); - color: $white; - } - - &:after { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - color: whitesmoke; - content: "\f0d9"; - display: inline-block; - font: normal normal normal 26px/1 FontAwesome; - position: absolute; - right: -1px; - text-rendering: auto; - top: 3px; - } - } - } - - .sidebar-subsection-title { - &--active { - &:after { - top: 4px; - } - } - } - - .menu-icon--right { - font-size: 18px; - font-weight: 600; - height: 20px; - line-height: 20px; - position: absolute; - right: 12px; - text-align: center; - top: 8px; - width: 20px; - - .fa { - color: $white; - font-size: 13px; - position: relative; - right: -2px; - } - - &.menu__close { - cursor: pointer; - right: 10px; - top: 3px; - } - } -} - -.email-connection-test { - margin-top: -15px; -} - -.recycle-db { - margin-top: 50px !important; -} - -.cluster-status { - height: 24px; - width: 24px; -} - -.config-hash { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 130px; -} - -.system-users__filter-row { - display: flex; - margin-left: 15px; - margin-right: 15px; - - .system-users__filter { - flex: 1; - margin-right: 15px; - } - - .system-users__team-filter-label { - margin-right: 15px; - } - - .system-users__team-filter { - display: inline-block; - width: 200px; - } - - label { - font-weight: normal; - } -} - -.manage-teams { - .manage-teams__user { - align-items: center; - display: flex; - } - - .manage-teams__teams { - border-top: $border-gray; - margin: 1em 0 .3em; - - .btn-link { - &.danger { - color: #c55151; - } - } - } - - .member-row--padded { - padding-left: 20px; - - strong { - margin-right: 10px; - } - } - - .manage-row--inner { - padding: 15px 0 4px; - - & + div { - border-top: $border-gray; - } - } - - .manage-teams__profile-picture { - border-radius: 20px; - height: 40px; - width: 40px; - } - - .manage-teams__info { - flex: 1; - margin-left: 10px; - overflow: hidden; - white-space: nowrap; - - .manage-teams__name { - font-weight: bold; - overflow: hidden; - text-overflow: ellipsis; - } - - .manage-teams__email { - opacity: 0.5; - overflow: hidden; - text-overflow: ellipsis; - } - } - - .manage-teams__system-admin { - margin-left: 10px; - opacity: 0.5; - padding-right: 10px; - } - - .manage-teams__teams { - margin-top: 1em; - - .manage-row__empty { - padding: 9px 0; - } - } - - .manage-teams__team { - align-items: center; - border-bottom: $border-gray; - display: flex; - padding: 7px 10px; - - .btn { - font-size: .9em; - } - - .dropdown { - padding: 6px 0; - } - } - - .manage-teams__team-name { - flex: 1; - overflow: hidden; - text-overflow: ellipsis; - } - - .manage-teams__team-actions { - margin-left: 10px; - - // Override default react-bootstrap style - .dropdown-toggle { - @include box-shadow(none); - } - } -} diff --git a/webapp/sass/routes/_backstage.scss b/webapp/sass/routes/_backstage.scss deleted file mode 100644 index 9785dcca9..000000000 --- a/webapp/sass/routes/_backstage.scss +++ /dev/null @@ -1,437 +0,0 @@ -.backstage { - height: 100vh; - width: 100vw; -} - -.backstage-navbar { - background: $white; - height: 41px; - border-bottom: 1px solid $light-gray; - padding: 10px 20px; - z-index: 10; -} - -.backstage-navbar__back { - color: inherit; - text-decoration: none; - - .fa { - font-size: 1.1em; - font-weight: bold; - margin-right: 7px; - } - - &:hover, - &:active { - color: inherit; - } -} - -.backstage-body { - background-color: $bg--gray; - bottom: 0; - display: inline-block; - height: calc(100vh - 41px); - overflow: auto; - top: 0; - width: 100%; -} - -.backstage-content { - background-color: $bg--gray; - margin: 46px auto; - max-width: 1200px; - padding-left: 135px; - vertical-align: top; -} - -.backstage-sidebar { - padding: 46px 20px; - position: absolute; - vertical-align: top; - width: 260px; - - ul { - list-style: none; - padding: 0; - } - - > ul { - @include clearfix; - @include border-radius(2px); - border-left: 1px solid $light-gray; - border-right: 1px solid $light-gray; - } -} - -.backstage-sidebar__category { - - + .backstage-sidebar__category { - .category-title { - border-top: none; - } - } - - .category-title { - border-bottom: 1px solid $light-gray; - border-top: 1px solid $light-gray; - color: $black; - display: block; - line-height: 35px; - padding: 0 10px; - position: relative; - - .fa { - @include opacity(.5); - position: relative; - text-align: center; - top: 1px; - width: 20px; - } - - .fa-smile-o { - font-size: 17px; - } - } - - .category-title--active { - background-color: $primary-color; - color: $white; - - .fa { - @include opacity(1); - } - } - - .category-title__text { - left: 2.5em; - position: absolute; - } - - .sections { - background: $white; - border-bottom: 1px solid $light-gray; - } - - .section-title, - .subsection-title { - display: block; - font-size: .95em; - line-height: 29px; - padding-left: 2em; - text-decoration: none; - } - - .subsection-title { - padding-left: 3em; - } - - .section-title--active, - .subsection-title--active { - background-color: $primary-color; - color: $white; - font-weight: 600; - } -} - -.backstage-header__divider { - color: $gray; - margin: 0 10px; -} - -.backstage-header { - @include clearfix; - margin-bottom: 20px; - width: 100%; - - h1 { - float: left; - font-size: 20px; - margin: 5px 0; - } - - .add-link { - float: right; - } -} - -.backstage-filters { - display: flex; - flex-direction: row; - width: 100%; -} - -.backstage-filters__sort { - flex-grow: 1; - flex-shrink: 0; - line-height: 30px; - - .filter-sort { - text-decoration: none; - - &.filter-sort--active { - color: inherit; - cursor: default; - } - } - - .divider { - margin-left: 8px; - margin-right: 8px; - } -} - -.backstage-filter__search { - flex-grow: 0; - flex-shrink: 0; - position: relative; - width: 270px; - - .fa { - @include opacity(.4); - left: 11px; - position: absolute; - top: 11px; - } - - input { - background: $white; - padding-left: 30px; - } -} - -.backstage-list { - background-color: $white; - border: 1px solid $light-gray; - padding: 5px 15px; - min-height: 50px; -} - -.backstage-list__help { - display: block; - margin: 1em 0; -} - -.backstage-list__item { - border-bottom: 1px solid $light-gray; - display: flex; - padding: 20px 15px; - position: relative; - - &:last-child { - border: none; - } - - .item-details { - color: $dark-gray; - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - text-overflow: ellipsis; - } - - .item-details__row + .item-details__row { - @include clearfix; - text-overflow: ellipsis; - } - - .item-details__name { - color: black; - font-weight: 600; - } - - .item-details__trigger { - margin-left: 6px; - } - - .item-details__description, - .item-details__content_type, - .item-details__token, - .item-details__trigger-words, - .item-details__trigger-when, - .item-details__url, - .item-details__creation { - display: inline-block; - margin-top: 10px; - vertical-align: top; - - &:empty { - display: none; - } - } - - .item-details__trigger-words { - white-space: nowrap; - } - - .item-actions { - flex-grow: 0; - flex-shrink: 0; - padding-left: 20px; - } -} - -// Backstage Form - -.backstage-form { - background-color: $white; - border: 1px solid $light-gray; - padding: 40px 30px 30px; - position: relative; - - &.backstage-form__confirmation { - padding: 30px 30px 20px; - } - - label { - font-weight: normal; - } - - .backstage-form__title { - margin: 5px 0 1.5em; - } - - .radio, - .checkbox { - input { - height: 16px; - margin: 0 5px 0 0; - position: relative; - top: 2px; - width: 16px; - } - } - - .form-control { - background: $white; - - &:focus { - border-color: $primary-color; - } - } - - .form__help { - color: $dark-gray; - font-size: .95em; - margin-top: 1em; - - & + .form__help { - margin-top: .4em; - } - } -} - -.backstage-form__footer { - border-top: 1px solid $light-gray; - margin-top: 2.5em; - padding-top: 1.8em; - text-align: right; - - .has-error { - float: left; - margin: 0; - } -} - -.integration__icon { - position: absolute; - height: 100px; - width: 100px; - right: 20px; - - &.integration-list__icon { - top: 50px; - } -} - -.integration-option { - background-color: $white; - border: 1px solid $light-gray; - display: inline-block; - margin: 0 30px 30px 0; - min-height: 230px; - padding: 20px; - text-align: center; - vertical-align: top; - width: 290px; - - &:last-child { - margin-right: 0; - } - - &:hover { - color: default; - text-decoration: none; - } -} - -.integration-option__image { - height: 80px; - margin: .5em 0 .7em; -} - -.integration-option__title { - color: $black; - margin-bottom: 10px; -} - -.integration-option__description { - color: $dark-gray; -} - -.emoji-list__table { - width: 100%; - - .backstage-list__item { - display: table-row; - } - - .backstage-list__empty td { - padding: 15px 20px; - } -} - -.emoji-list__table-header { - font-weight: bold; -} - -.emoji-list__name { - padding: 20px 0 20px 15px; - width: 30%; -} - -.emoji-list__image { - padding: 15px 0; - width: 15%; -} - -.emoji-list__creator { - padding: 15px 0; - width: 40%; -} - -.emoji-list__actions { - padding: 20px 15px 20px 0; - width: 15%; -} - -.add-emoji__upload { - display: inline-block; - margin: 0 10px 10px 0; - position: relative; - - input { - @include opacity(0); - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 100%; - z-index: 5; - } -} - -.add-emoji__filename, -.add-emoji__preview { - padding-top: 7px; -} diff --git a/webapp/sass/routes/_compliance.scss b/webapp/sass/routes/_compliance.scss deleted file mode 100644 index 922ea27d7..000000000 --- a/webapp/sass/routes/_compliance.scss +++ /dev/null @@ -1,39 +0,0 @@ -@charset 'UTF-8'; - -.compliance-panel__table, -.audit-panel__table, -.cluster-panel__table { - background-color: $white; - border: 1px solid $border-gray; - margin-top: 10px; - max-height: 70vh; - min-height: 100px; - overflow: auto; - padding: 5px; - width: 100%; -} - -.compliance-panel, -.audit-panel { - .row { - > .form-group { - padding-left: 0; - - &:first-child { - padding-left: 15px; - } - } - - label { - font-weight: 600; - } - } - - .fa-refresh { - margin-right: 5px; - } -} - -.compliance-panel { - margin-bottom: 3em; -} diff --git a/webapp/sass/routes/_docs.scss b/webapp/sass/routes/_docs.scss deleted file mode 100644 index 9a205f8a2..000000000 --- a/webapp/sass/routes/_docs.scss +++ /dev/null @@ -1,19 +0,0 @@ -@charset 'UTF-8'; - -.docs__page { - line-height: 1.7; - padding-bottom: 20px; - - > div { - margin: 0 auto; - max-width: 100%; - padding: 0 15px; - width: 1170px; - } - - h1.markdown__heading { - border-bottom: 1px solid #ddd; - margin: 1em 0 1em; - padding-bottom: 1rem; - } -} diff --git a/webapp/sass/routes/_error-page.scss b/webapp/sass/routes/_error-page.scss deleted file mode 100644 index 438e60554..000000000 --- a/webapp/sass/routes/_error-page.scss +++ /dev/null @@ -1,35 +0,0 @@ -@charset 'UTF-8'; - -body { - &.error { - .container-fluid { - display: table; - height: 90%; - } - - .error__container { - color: #555; - display: table-cell; - margin: 0 auto; - max-width: 800px; - padding: 5em 0; - text-align: left; - vertical-align: top; - } - - .error__icon { - color: #ccc; - font-size: 4em; - } - - h2 { - font-size: 1.5em; - font-weight: 600; - margin: .8em 0 .5em; - } - - p { - font-size: 1.2em; - } - } -} diff --git a/webapp/sass/routes/_get-app.scss b/webapp/sass/routes/_get-app.scss deleted file mode 100644 index 4d018fd78..000000000 --- a/webapp/sass/routes/_get-app.scss +++ /dev/null @@ -1,97 +0,0 @@ -.get-app { - hr { - border-top: 1px solid #ddd; - } - - .get-app__header { - color: #666; - font-size: 20px; - font-weight: bold; - text-align: center - } - - .get-app__screenshot { - border-bottom: 1px solid #ddd; - display: block; - margin: auto; - } - - .get-app__continue-with-browser { - display: block; - margin-top: 40px; - padding-bottom: 30px; - text-align: center; - } -} - -.get-android-app { - margin: 20px; - - .get-app__header { - text-align: left; - } - - .get-android-app__icon { - width: 60px; - } - - .get-android-app__app-info { - display: inline-block; - margin-left: 8px; - vertical-align: middle; - - .get-android-app__app-name { - color: #666; - display: block; - font-size: 13px; - font-weight: bold; - } - - .get-android-app__app-creator { - color: #aaa; - display: block; - font-size: 10px - } - } - - .get-app__screenshot { - width: 240px; - } - - .get-android-app__continue { - display: block; - font-size: 16px; - margin-bottom: 40px; - margin-top: 15px; - padding: 12px; - } -} - -.get-ios-app { - margin: 30px; - - .get-app__screenshot { - width: 180px; - } - - .get-ios-app__app-store-link { - display: block; - margin: auto; - margin-bottom: 30px; - width: 180px; - } - - .get-ios-app__already-have-it { - font-size: 18px; - margin-bottom: 20px; - text-align: center; - } - - .get-ios-app__open-mattermost { - display: block; - font-size: 20px; - margin: auto; - padding: 12px; - width: 220px; - } -}
\ No newline at end of file diff --git a/webapp/sass/routes/_loading.scss b/webapp/sass/routes/_loading.scss deleted file mode 100644 index 39f37b1b3..000000000 --- a/webapp/sass/routes/_loading.scss +++ /dev/null @@ -1,51 +0,0 @@ -@charset 'UTF-8'; - -@import "compass/css3/animation"; - -.loading-screen { - display: table; - height: 100%; - padding: 60px; - text-align: center; - width: 100%; - - .loading__content { - display: table-cell; - font-size: 0; - vertical-align: middle; - - h3 { - display: inline-block; - font-size: 16px; - font-weight: 400; - margin: 0 .2em; - } - - .round { - @include animation(move .75s infinite linear); - @include border-radius(10px); - background-color: #444444; - display: inline-block; - height: 4px; - margin: 0 2px; - opacity: .1; - width: 4px; - } - - @for $i from 1 through 3 { - .round-#{$i} { - @include animation-delay(.2s*$i); - } - } - - @include keyframes(move) { - from { - opacity: 1; - } - - to { - opacity: .1; - } - } - } -} diff --git a/webapp/sass/routes/_module.scss b/webapp/sass/routes/_module.scss deleted file mode 100644 index b7ecc08e7..000000000 --- a/webapp/sass/routes/_module.scss +++ /dev/null @@ -1,16 +0,0 @@ -// Only for combining all the files in this folder -@import 'about-modal'; -@import 'access-history'; -@import 'activity-log'; -@import 'admin-console'; -@import 'backstage'; -@import 'compliance'; -@import 'docs'; -@import 'error-page'; -@import 'get-app'; -@import 'loading'; -@import 'print'; -@import 'settings'; -@import 'shortcuts-modal'; -@import 'signup'; -@import 'statistics'; diff --git a/webapp/sass/routes/_print.scss b/webapp/sass/routes/_print.scss deleted file mode 100644 index 079fc200e..000000000 --- a/webapp/sass/routes/_print.scss +++ /dev/null @@ -1,123 +0,0 @@ -@charset 'UTF-8'; - -@media print { - * { - background: transparent !important; - color: black !important; - text-shadow: none !important; - } - - .post-list__content, - .post-list__table, - .app__content { - display: block; - } - - a:not(.mention-link), - a:not(.mention-link):visited { - text-decoration: underline; - } - - a[href^=http]:after { - content: ' <' attr(href) '> '; - } - - tr, - img, - pre, - blockquote, - code, - .post, - .date-separator { - page-break-inside: avoid; - } - - .post__header { - page-break-after: avoid; - } - - thead { - display: table-header-group; - } - - img { - max-width: 100% !important; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - #sidebar-left, - #sidebar-right, - #channel-header, - #post-create, - #post-list .more-messages-text, - .post .post__header .col__reply, - .post .post__content > div.post__img, - .attachment__content, - .post__body .img-div, - .post-image__thumbnail, - .post.post--system, - #archive-link-home, - .channel-intro { - display: none; - } - - #post-list, - #channel_view, - #post-list .post-list-holder-by-time { - overflow: visible; - overflow-y: visible; - } - - #app-content { - margin-left: 0; - } - - #channel_view .inner-wrap.move--left, - #channel_view .inner-wrap.webrtc--show { - margin-right: 0; - } - - .post-image__columns > div:first-child:before { - content: 'Attachments:'; - display: block; - font-weight: bold; - } - - .post-image__column { - width: inherit; - display: inline; - height: inherit; - background: transparent; - border-color: transparent; - border: 0 none; - } - - .post-image__details { - width: 100%; - border: 0 none; - - .post-image__name:before { - content: '['; - } - - .post-image__name:after { - content: ': ' attr(href) ']'; - } - - .post-image__name + div { - display: none; - } - } - - - .date-separator .separator__hr, - .new-separator .separator__hr { - top: 1.7em; - } -} diff --git a/webapp/sass/routes/_settings.scss b/webapp/sass/routes/_settings.scss deleted file mode 100644 index 0c690178e..000000000 --- a/webapp/sass/routes/_settings.scss +++ /dev/null @@ -1,555 +0,0 @@ -@charset 'UTF-8'; - -.user-settings { - min-height: 300px; - - .table-responsive { - max-height: 300px; - max-width: 560px; - } - - .authorized-apps__help { - font-size: 13px; - font-weight: 400; - margin-top: 7px; - } - - .authorized-apps__wrapper { - padding: 10px 0; - } - - .authorized-app { - display: inline-block; - width: 100%; - - &:not(:last-child) { - border-bottom: 1px solid #ccc; - margin-bottom: 10px; - } - - .authorized-app__name { - font-weight: 600; - } - - .authorized-app__url { - font-size: 13px; - font-weight: 400; - } - - .authorized-app__description, - .authorized-app__deauthorize { - font-size: 13px; - margin: 5px 0; - } - } -} - -.modal { - .settings-modal { - width: 800px; - - .modal-back { - font-size: 27px; - font-weight: normal; - height: 40px; - left: 0; - line-height: 32px; - position: absolute; - text-align: center; - top: 12px; - width: 50px; - - .fa { - height: 100%; - left: 0; - line-height: inherit; - position: absolute; - width: 100%; - } - } - - .modal-body { - margin: 0 auto; - min-height: calc(100% - 62px); - padding: 0; - } - - li { - list-style: none; - } - - label { - font-weight: 600; - - &.has-error { - font-weight: normal; - } - } - - .no-padding--left { - padding-left: 0; - } - - .profile-img { - height: 128px; - width: 128px; - } - - .profile-img-preview { - background-position: 50% 50%; - background-size: cover; - border-radius: 100%; - height: 128px; - width: 128px; - } - - .settings-table { - display: table; - margin: 0 auto; - max-width: 1000px; - table-layout: fixed; - width: 100%; - - > div { - display: table-cell; - vertical-align: top; - } - - .nav { - position: fixed; - width: 179px; - - &.position--top { - top: 57px; - } - } - - .security-links { - margin-right: 20px; - - .fa { - margin-right: 6px; - } - } - - .settings-links { - width: 180px; - } - - .settings-content { - padding: 0 20px 30px; - - .modal-header { - display: none; - } - - .section-min { - padding: 1em 0; - margin-bottom: 0; - cursor: pointer; - position: relative; - @include clearfix; - - &:hover { - background: #f9f9f9; - } - - &:hover .fa { - display: inline-block; - } - - &:hover .section-edit { - text-decoration: underline; - } - } - - .section-max { - @include clearfix; - @include alpha-property(background, $black, .05); - margin-bottom: 0; - padding: 1em 0 1.3em; - - .section-title { - margin-bottom: 10px; - } - } - - .appearance-section { - .theme-group { - .input-group-addon { - padding: 4px 5px; - width: 40px; - } - - img { - border: 1px solid rgba(black, .15); - width: 29px; - } - } - - .group--code { - select { - @include appearance(none); - appearance: none; - padding-right: 25px; - } - - &:before { - @include font-smoothing; - content: '\f0d7'; - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - pointer-events: none; - position: absolute; - right: 50px; - text-rendering: auto; - top: 11px; - z-index: 5; - - .browser--ie & { - display: none; - } - } - } - - .premade-themes { - margin-bottom: 10px; - - .theme-label { - font-weight: 400; - margin-top: 5px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - img { - border: 3px solid transparent; - &:hover { - cursor: pointer; - } - } - - .active { - img { - border-color: $primary-color; - } - } - } - - .theme-elements { - padding-left: 15px; - - .element { - margin-right: 10px; - - &:nth-child(2n) { - margin-right: 0; - } - } - } - - .theme-elements__header { - border-bottom: 1px solid; - cursor: pointer; - font-size: em(13.5px); - font-weight: 600; - margin: 10px 20px 0 0; - padding: 1px 0 10px; - - .fa-minus { - display: none; - } - - &.open { - .fa-minus { - display: inline-block; - } - - .fa-plus { - display: none; - } - } - - .header__icon { - @include opacity(.5); - float: right; - } - } - - .theme-elements__body { - @include border-radius(0 0 3px 3px); - @include legacy-pie-clearfix; - @include alpha-property(background-color, $white, .05); - display: none; - margin: 0 20px 0 0; - padding: 20px 0 0 20px; - - &.open { - display: block; - } - } - - .custom-label { - font-size: 12px; - font-weight: normal; - margin-bottom: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; - } - - .input-group-addon { - background: transparent; - } - - .radio { - label { - font-weight: 600; - } - } - } - - .section-title { - font-weight: 600; - margin-bottom: 5px; - padding-right: 50px; - } - - .section-edit { - margin-bottom: 5px; - text-align: right; - - .fa { - @include opacity(.5); - display: none; - font-size: 12px; - margin-right: 5px; - - &.fa-chevron-down { - margin-right: 0; - position: relative; - top: -1px; - } - } - } - - .section-describe { - @include clearfix; - @include opacity(.7); - text-overflow: ellipsis; - white-space: pre; - } - - .divider-dark { - border-bottom: 1px solid #aaa; - } - - .divider-light { - border-bottom: 1px solid lightgrey; - - & + .divider-light { - display: none; - } - - & + .divider-dark { - display: none; - } - } - - .setting-list { - list-style-type: none; - padding: 0; - } - - .setting-box__item { - &:first-child { - padding-top: 3px; - } - - &:last-child { - hr { - display: none; - } - } - } - - .setting-box__token-id { - margin: 4px 0; - } - - .setting-list__hint { - margin-top: 20px; - } - - .mentions-input { - margin-top: 10px; - } - - .setting-list-item { - margin-top: 7px; - } - - .has-error { - color: #a94442; - } - - .file-status { - color: #555; - font-size: 13px; - margin-top: 8px; - } - - .confirm-import { - margin: 10px 0; - padding: 4px 10px; - } - } - } - } - - .nav-pills { - > li { - margin: 0; - - a { - border-radius: 0; - color: $gray; - overflow: hidden; - padding: 8px 15px; - text-overflow: ellipsis; - white-space: nowrap; - } - - .icon { - font-size: 15px; - margin-right: 10px; - text-align: center; - top: 2px; - width: 14px; - } - - &:hover { - a { - @include alpha-property(background-color, $black, .1); - } - } - - &.active { - a { - background-color: #e1e1e1; - color: #111; - - &:before { - background: $black; - content: ''; - height: 100%; - left: 0; - position: absolute; - top: 0; - width: 5px; - } - } - - a, - a:hover, - a:focus { - @include alpha-property(background-color, $black, .1); - border-radius: 0; - font-weight: 400; - position: relative; - } - } - } - } - - h3 { - font-size: em(20px); - } -} - -.channel-settings { - padding: 0 10px; -} - -.tab-header { - margin-bottom: 1em; -} - -.setting-name { - color: grey; - font-weight: 500; -} - -.sel-btn { - margin-right: 5px; -} - -.member-div { - border-bottom: 1px solid lightgrey; - margin: 0; - padding: 2px; - position: relative; - width: 100%; - - &:first-child { - border-top: 1px solid lightgrey; - } - - .post-profile-img { - @include border-radius(50px); - margin-right: 8px; - } -} - -.member-role, -.member-drop { - .fa { - @include opacity(.5); - font-size: 12px; - margin-right: 5px; - } - - .member-menu { - right: 110%; - top: -50%; - } -} - -.member-invite { - position: absolute; - right: 10px; - top: 7px; -} - -.member-menu { - left: auto; - right: 0; -} - -.member-list { - overflow-x: visible; - width: 100%; -} - -.member-page { - padding-top: 50px; -} - -.active-border { - border: 1px solid red; -} - -.color-btn { - margin: 4px; -} - -.no-resize { - resize: none; -} - -.user-settings__submit-checkbox { - padding-top: 0px; - padding-bottom: 20px; -} diff --git a/webapp/sass/routes/_shortcuts-modal.scss b/webapp/sass/routes/_shortcuts-modal.scss deleted file mode 100644 index 854340b2c..000000000 --- a/webapp/sass/routes/_shortcuts-modal.scss +++ /dev/null @@ -1,102 +0,0 @@ -@charset 'UTF-8'; - -.app__body { - .modal { - .shortcuts-modal { - margin-top: 50px; - width: 1100px; - - .shortcuts-content { - .modal-header { - background: transparent; - border: none; - color: inherit; - padding: 20px 40px 20px; - - .close { - color: inherit; - font-size: 28px; - font-weight: normal; - right: 35px; - top: 35px; - } - - .modal-title { - color: inherit; - font-size: 20px; - - > div { - &:first-child { - margin-bottom: 2.5em; - } - } - - .shortcut-line { - margin: 17px 0; - - span { - &:first-child { - margin-right: 5px; - } - } - - .shortcut-key { - border-radius: 3px; - font-size: .9em; - font-weight: 500; - margin: 5px 0 5px 5px; - padding: 1px 5px; - } - } - } - } - } - - .modal-body { - max-height: calc(100vh - 67px); - padding: 0 40px 20px; - } - - .section { - > div { - &:first-child { - margin-bottom: 2.5em; - } - } - - .shortcut-line { - margin: 17px 0; - - span { - &:first-child { - margin-right: 5px; - } - } - - .shortcut-key { - border-radius: 3px; - font-size: 12px; - font-weight: 500; - margin: 5px 0 5px 5px; - padding: 1px 5px; - } - } - } - - .section-title { - font-size: 18px; - margin: 1.5em 0; - } - - .subsection { - border-left: 2px solid; - padding-left: 15px; - } - - .info__label { - margin: 35px 0 10px; - text-align: center; - } - } - } -} diff --git a/webapp/sass/routes/_signup.scss b/webapp/sass/routes/_signup.scss deleted file mode 100644 index 9aa179349..000000000 --- a/webapp/sass/routes/_signup.scss +++ /dev/null @@ -1,535 +0,0 @@ -@charset 'UTF-8'; - -.signup-header { - background: $bg--gray; - line-height: 33px; - padding: 0 1em .2em; - width: 100%; - - .fa { - margin-right: 5px; - } -} - -.signup-team__container { - margin: 0 auto; - max-width: 400px; - padding: 100px 0 50px; - position: relative; - - &.branded { - @include display-flex; - @include flex-direction(row); - max-width: 900px; - - .signup__markdown { - @include flex(1.3 0 0); - padding-right: 80px; - - img { - max-width: 450px; - } - - p { - color: lighten($black, 50%); - } - } - - .signup__content { - @include flex(1 0 0); - } - - } - - &.padding--less { - padding-top: 50px; - } - - .form-control:focus { - @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)); - } - - h1, - h2, - h3, - h4, - h5, - h6, - p { - line-height: 1.3; - } - - h1 { - font-weight: 600; - } - - h2 { - font-size: em(30px); - font-weight: 600; - letter-spacing: -.5px; - margin-bottom: .8em; - } - - h3 { - font-size: 1.5em; - font-weight: 600; - margin: 0 0 1.3em; - } - - h4 { - font-size: em(20px); - font-weight: 600; - margin-bottom: 1em; - } - - h5 { - font-size: em(16px); - } - - hr { - margin: 2em 0; - } - - p { - color: #555555; - line-height: 1.5; - margin-bottom: 1em; - } - - .input-group { - &.input-group--limit { - table-layout: fixed; - width: 100%; - - .tooltip-inner { - word-wrap: break-word; - } - - .form-control { - display: table-cell; - text-align: left; - width: 100%; - } - - .input-group-addon { - display: table-cell; - overflow: hidden; - text-align: left; - text-overflow: ellipsis; - width: 50%; - } - } - } - - .inner__content { - margin: 30px 0 20px; - } - - .block--gray { - @include border-radius(3px); - background: #f2f2f2; - display: inline-block; - font-weight: 600; - padding: .85em 1.2em; - } - - form { - margin-bottom: .8em; - } - - .signup-team-confirm__container { - padding: 100px 0; - } - - .signup-team-logo { - display: none; - margin: 0 0 2em; - width: 210px; - } - - .signup-team-login { - font-weight: 600; - padding-bottom: 10px; - } - - .signup-team__name { - font-size: 2.2em; - font-weight: 600; - margin: .5em 0 0; - } - - .signup-team__subdomain { - font-size: 1.5em; - font-weight: 300; - margin: .2em 0 1.2em; - text-transform: uppercase; - } - - .form-control { - height: em(38px); - } - - .or__container { - background: #dddddd; - height: 1px; - margin: 2em 0; - margin: 2.5em 0 2.5em -1rem; - text-align: left; - - span { - background: #ffffff; - display: inline-block; - font-size: 1.14286em; - font-weight: 600; - line-height: 20px; - position: relative; - text-align: center; - top: -10px; - width: 40px; - } - } - - ul { - margin-bottom: 0; - padding-left: 18px; - } - - .btn { - font-size: 1em; - font-weight: 600; - margin-right: 5px; - padding: em(7px) em(15px); - - .fa { - font-size: 17px; - margin-right: 8px; - - &.fa--margin-top { - position: relative; - top: 2px; - } - } - - .icon { - @include background-size(100% 100%); - display: inline-block; - height: 18px; - margin-right: 8px; - position: relative; - text-align: center; - top: -1px; - width: 18px; - } - - &.btn-custom-login { - @include border-radius(2px); - color: $white; - display: block; - height: 40px; - line-height: 36px; - margin: 1em 0; - min-width: 200px; - padding: 0 1em 0 2em; - text-align: left; - width: 200px; - - > span { - position: relative; - top: 11px; - vertical-align: top; - - > span { - display: inline-block; - line-height: normal; - vertical-align: top; - } - } - - &.gitlab { - background: #554488; - - &:hover { - background: darken(#554488, 10%); - } - - .icon { - background-image: url('../images/gitlabLogo.png'); - } - } - - &.google { - background: #dd4b39; - - &:hover { - background: darken(#dd4b39, 10%); - } - - .icon { - background-image: url('../images/googleLogo.png'); - } - } - - &.office365 { - background: #0079d6; - - &:hover { - background: darken(#0079d6, 10%); - } - - .icon { - background-image: url('../images/office365Logo.png'); - } - } - - &.ldap { - background: #3AA1CF; - - &:hover { - background: darken(#3AA1CF, 10%); - } - } - - &.email { - background: $primary-color; - - &:hover { - background: $primary-color--hover; - } - } - - &.saml { - background: #34a28b; - - &:hover { - background: darken(#34a28b, 10%); - } - } - - &.btn--full { - max-width: 350px; - padding-left: 35px; - text-align: left; - width: 100%; - } - - &.btn--large { - width: 300px; - } - } - - &.btn-default { - color: #444444; - } - - .fa { - position: relative; - - &.fa-check, - &.fa-refresh { - font-size: .9em; - left: -2px; - margin-right: .5em; - } - - &.fa-chevron-right { - font-size: .8em; - right: -5px; - top: 0; - } - - &.fa-chevron-left { - font-size: .8em; - left: -2px; - top: 0px; - } - } - } - - .has-error { - .control-label { - @include border-radius(3px); - background: #f2f2f2; - color: #999999; - font-size: 14px; - font-weight: normal; - margin: 1em 0 0; - padding: .7em 1em; - width: 100%; - - &:before { - @extend %font-awesome; - color: #aaaaaa; - content: '\f071'; - margin-right: 4px; - } - } - } - - .reset-form { - @include border-radius(3px); - font-size: .95em; - position: relative; - - p { - color: inherit; - } - } - - // Modifier Styles - h1, - h2, - h3, - h4, - h5, - h6 { - &.margin--top-none { - margin-top: 0; - } - - &.margin--bottom-none { - margin-bottom: 0; - } - - &.margin--less { - margin-bottom: .3em; - } - - &.sub-heading { - font-weight: 400; - margin-bottom: 0; - } - - &.color--light { - font-weight: 300; - } - } - - p { - &.margin--extra { - margin-bottom: 1.5em; - } - - &.margin--less { - margin-bottom: .3em; - } - - .black, - &.black { - color: #000000; - } - } - - .color--light { - color: #777777; - } - - .margin--extra { - margin-top: 2.5em; - } - - .margin--extra-2x { - margin-top: 5em; - } -} - -.signup-team-all { - @include border-radius(2px); - border: 1px solid #dddddd; - margin: 0 0 20px; - - .signup-team-dir { - background: #fafafa; - border-top: 1px solid #d5d5d5; - overflow: hidden; - - &:first-child { - border: none; - } - - .icon { - cursor: pointer; - float: left; - margin: 16px 7px 0 15px; - opacity: .45; - - svg { - height: 20px; - width: 20px; - } - } - - a { - color: inherit; - display: block; - font-size: 1.1em; - height: 3.5em; - line-height: 3.6em; - padding: 0 15px; - } - } - - .signup-team-dir-err { - background: #fafafa; - border-top: 1px solid #d5d5d5; - color: inherit; - padding: 5px 15px; - - &:first-child { - border: none; - } - } - - .signup-team-dir__name { - float: left; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: calc(100% - 50px); - - } - - .signup-team__icon { - color: $dark-gray; - float: right; - font-size: 1.5em; - line-height: 25px; - position: relative; - top: .66em; - - &.fa-spin { - font-size: .9em; - right: -2px; - top: 16px; - } - - &.fa-info-circle { - float: left; - line-height: 1.5em; - margin-right: .3em; - padding-left: .5em; - font-size: 1.5em; - top: 11px; - } - } -} - - -.authorize-box { - border: 1px solid $black; - height: 280px; - margin: 100px auto; - width: 500px; -} - -.authorize-inner { - padding: 20px; -} - -.authorize-btn { - margin-right: 6px; -} - -.verify_panel { - margin: 60px auto auto; - max-width: 380px; -}
\ No newline at end of file diff --git a/webapp/sass/routes/_statistics.scss b/webapp/sass/routes/_statistics.scss deleted file mode 100644 index 85232708a..000000000 --- a/webapp/sass/routes/_statistics.scss +++ /dev/null @@ -1,120 +0,0 @@ -@charset 'UTF-8'; - -.team_statistics { - .total-count { - @include border-radius(3px); - background: $white; - border: 1px solid $light-gray; - margin: 1em 0; - text-align: center; - width: 100%; - - .title { - border-bottom: 1px solid $light-gray; - font-size: 13px; - font-weight: 400; - padding: 7px 10px; - text-align: left; - - span { - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: calc(100% - 20px); - } - - .fa { - color: #555555; - float: right; - font-size: 16px; - margin: 0; - } - } - - .content { - color: #555555; - font-size: 30px; - font-weight: 600; - overflow: auto; - padding: .3em 0 .35em; - } - } - - .total-count--day { - background: $white; - border: 1px solid $light-gray; - clear: both; - height: 275px; - margin: 10px; - padding: 5px 10px 10px; - width: 760px; - - > div { - font-size: 18px; - font-weight: 300; - } - } - - .recent-active-users { - table { - table-layout: fixed; - width: 100%; - } - - .content { - max-height: 400px; - overflow: auto; - padding: 0; - } - - tr { - &:first-child { - td { - border-top: none; - } - } - - td { - @include clearfix; - border-left: 1px solid $light-gray; - border-top: 1px solid $light-gray; - font-size: 13px; - font-weight: 400; - padding: 5px 5px 6px; - text-overflow: ellipsis; - white-space: nowrap; - - &:first-child { - border-left: none; - } - } - } - } - - .team-statistics__header-row { - display: flex; - margin-bottom: 1.5em; - margin-top: 1.5em; - } - - .team-statistics__header { - display: inline-block; - flex: 1; - margin-right: 15px; - overflow: hidden; - padding-bottom: .5em; - - > h3 { - margin: 0; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - } - - .team-statistics__team-filter { - display: inline-block; - width: 200px; - } -} |