summaryrefslogtreecommitdiffstats
path: root/webapp/sass/routes/_backstage.scss
diff options
context:
space:
mode:
Diffstat (limited to 'webapp/sass/routes/_backstage.scss')
-rw-r--r--webapp/sass/routes/_backstage.scss437
1 files changed, 0 insertions, 437 deletions
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;
-}