summaryrefslogtreecommitdiff
path: root/web-ui/app/scss/views/_read-view.scss
diff options
context:
space:
mode:
authorZara Gebru <zgebru@thoughtworks.com>2016-12-02 15:25:23 +0100
committerZara Gebru <zgebru@thoughtworks.com>2016-12-02 15:25:23 +0100
commitb14833fbb56bcd5bff0750c16fd9214009b955be (patch)
treea1ec621dd5f76d756ac59b72a763a34a2c189387 /web-ui/app/scss/views/_read-view.scss
parent688a8b42e8ab7c6d4529b6dda66f40eead07ad02 (diff)
[refactor] move app dir into public dir
Diffstat (limited to 'web-ui/app/scss/views/_read-view.scss')
-rw-r--r--web-ui/app/scss/views/_read-view.scss165
1 files changed, 0 insertions, 165 deletions
diff --git a/web-ui/app/scss/views/_read-view.scss b/web-ui/app/scss/views/_read-view.scss
deleted file mode 100644
index f69d51a5..00000000
--- a/web-ui/app/scss/views/_read-view.scss
+++ /dev/null
@@ -1,165 +0,0 @@
-.mail-read-view {
- $component-vertical-spacing: 10px;
- $view-top-spacing: 3px;
-
- // NB! Setting overflow: hidden on an element causes
- // a new float context to be created, so elements that
- // are floated inside an element that has overflow: hidden
- // applied are cleared.
- overflow: hidden;
-
- hr {
- margin: 0;
- }
-
- &__header {
- @include scut-clearfix;
-
- font-size: 0.9em;
- margin: 0;
- margin: $view-top-spacing 0 $component-vertical-spacing 0;
-
- &-recipients {
- display: inline;
- margin-bottom: 5px;
- line-height: 1.5em;
-
- &-separator {
- margin: 0 10px;
- }
-
- &--highlight-sender {
- font-weight: bold;
- }
- }
-
- &-date {
- display: inline;
- float: right;
- }
-
- &-subject {
- display: inline;
- float: left;
- max-width: 80%;
- }
-
- &-actions {
- display: inline;
- float: right;
- max-width: 20%;
- background: $white;
- white-space: nowrap;
- margin-top: $component-vertical-spacing;
-
- &-button {
- color: $medium_light_grey;
- background-color: inherit;
- display: inline;
- border: 1px solid $lighter_gray;
- line-height: 2em;
-
- margin-bottom: 0;
-
- i {
- // workaround: remove padding and margin inserted by font-awesome
- margin: 0;
- padding: 0;
- }
-
- &:hover, &:active, &:focus {
- @include btn-transition;
-
- background: darken($contrast, 5%);
- color: inherit;
- }
-
- &--reply {
- padding: 0 20px;
- margin-right: -4px; // force buttons together
-
- }
-
- &--more {
- padding: 0 5px;
- }
- }
-
- &-dropdown {
- $container-right-padding: 10px;
-
- background: inherit;
- position: absolute;
- border: 1px solid $lighter_gray;
- right: $container-right-padding;
-
- &-entry {
- box-sizing: border-box;
- background: inherit;
- padding: 5px 10px;
- display: block;
- border-bottom: 1px solid $lighter_gray;
-
- &:last-child {
- border-bottom: none;
- }
-
- &:hover {
- cursor: pointer;
- background: $contrast;
- }
- }
- }
- }
-
- &-tags {
- @include tags-editable;
-
- clear: both;
- margin: 0 0 10px;
- }
- }
-
- &__body {
- margin: $component-vertical-spacing 0;
- width: 100%;
- border: none;
- }
-
- &__attachments {
- margin: $component-vertical-spacing 0;
-
- &-header {
- font-weight: bold;
- }
-
- &-item {
- display: block;
- margin-bottom: 8px;
- padding: 5px;
- border: 1px solid $border_light_grey;
- border-radius: 2px;
- background-color: $background_light_grey;
-
- &-label {
- color: $attachment_text;
- text-decoration: none;
-
- &:hover, &:focus {
- i.download-icon {
- color: lighten($attachment_icon, 15);
- }
-
- color: $attachment_icon;
- outline: none;
- }
- }
-
- &-download {
- color: #a2a2a2;
- float: right;
- margin-top: 5px;
- }
- }
- }
-}