summaryrefslogtreecommitdiffstats
path: root/openecomp-ui/resources/scss/components/_activityLog.scss
diff options
context:
space:
mode:
authorEinav Weiss Keidar <einavw@amdocs.com>2018-08-13 16:19:46 +0300
committerAvi Gaffa <avi.gaffa@amdocs.com>2019-02-11 13:50:22 +0000
commit1801b24389baa8e3f7298ff2c41e2512b19c1290 (patch)
treed3d2a15f53aa28698280d609548298d177f9280d /openecomp-ui/resources/scss/components/_activityLog.scss
parentaf8e36eb7f43803bd9cf40e9b46a0c0c8f47c781 (diff)
react 16 upgrade
Issue-ID: SDC-1762 Change-Id: I7701f12fc63bb09f8c985c7c893b984701dcbfab Signed-off-by: Einav Keidar <einavw@amdocs.com>
Diffstat (limited to 'openecomp-ui/resources/scss/components/_activityLog.scss')
-rw-r--r--openecomp-ui/resources/scss/components/_activityLog.scss173
1 files changed, 85 insertions, 88 deletions
diff --git a/openecomp-ui/resources/scss/components/_activityLog.scss b/openecomp-ui/resources/scss/components/_activityLog.scss
index 7a5b77b58c..dbe805f215 100644
--- a/openecomp-ui/resources/scss/components/_activityLog.scss
+++ b/openecomp-ui/resources/scss/components/_activityLog.scss
@@ -1,101 +1,98 @@
$message-info-icon-size: 16px;
@mixin status-icon-class {
- @extend .body-1-light;
- width: $message-info-icon-size;
- height: $message-info-icon-size;
- margin-left: 8px;
- color: $white;
- border-radius: $message-info-icon-size / 2;
- display: inline-block;
- text-align: center;
+ @extend .body-1-light;
+ width: $message-info-icon-size;
+ height: $message-info-icon-size;
+ margin-left: 8px;
+ color: $white;
+ border-radius: $message-info-icon-size / 2;
+ display: inline-block;
+ text-align: center;
}
.activity-log-view {
+ .list-editor-view .list-editor-view-header {
+ border: none;
+ .list-editor-view-title {
+ @extend .heading-1;
+ color: $blue;
+ }
+ }
+ .list-editor-view-list {
+ border: 1px solid $light-gray;
+ border-bottom: none;
+ overflow-y: hidden;
+ }
+ .activity-list-item {
+ display: flex;
+ height: 36px;
+ @extend .body-1;
+ &.header {
+ @extend .body-1-semibold;
+ background-color: $tlv-light-gray;
+ color: $text-black;
+ }
+ }
- .list-editor-view .list-editor-view-header {
- border: none;
- .list-editor-view-title {
- @extend .heading-1;
- color: $blue;
- }
- }
- .list-editor-view-list {
- border: 1px solid $light-gray;
- border-bottom: none;
- overflow-y: hidden;
- }
- .activity-list-item {
- display: flex;
- height: 36px;
- @extend .body-1;
- &.header {
- @extend .body-1-semibold;
- background-color: $tlv-light-gray;
- color: $text-black;
- }
- }
+ .activity-status {
+ .svg-icon-wrapper {
+ float: right;
+ }
- .activity-status {
- .svg-icon-wrapper {
- float: right;
- }
+ .status-icon.false:after {
+ @include status-icon-class;
+ float: right;
+ background-color: $red;
+ content: '!';
+ }
+ }
- .status-icon.false:after {
- @include status-icon-class;
- float: right;
- background-color: $red;
- content: "!";
- }
- }
+ .message-further-info-icon {
+ @include status-icon-class;
+ background-color: $gray;
+ }
- .message-further-info-icon {
- @include status-icon-class;
- background-color: $gray;
- }
+ .table-cell {
+ border-right: 1px solid $light-gray;
+ border-bottom: 1px solid $light-gray;
+ &:last-child {
+ border-right: none;
+ }
+ flex-basis: 20%;
+ display: flex;
+ padding: 0 20px;
+ justify-content: center;
+ flex-direction: column;
+ &.activity-comment {
+ min-width: 0;
+ span {
+ @include ellipsis(100%);
+ }
+ }
+ }
- .table-cell {
- border-right: 1px solid $light-gray;
- border-bottom: 1px solid $light-gray;
- &:last-child {
- border-right: none;
- }
- flex-basis: 20%;
- display: flex;
- padding: 0 20px;
- justify-content: center;
- flex-direction: column;
- &.activity-comment {
- min-width: 0;
- span {
- @include ellipsis(100%);
- }
- }
- }
-
- .date-header {
- cursor: pointer;
- display: flex;
- align-items: center;
- .header-sort-arrow {
- width: 0;
- height: 0;
- border-left: 5px solid transparent;
- border-right: 5px solid transparent;
- margin-left: 9px;
- &.up {
- border-bottom: 5px solid $black;
- }
- &.down {
- border-top: 5px solid $black;
- }
-
- }
- }
-
- .date-cell {
- display: flex;
- justify-content: space-between;
- }
+ .date-header {
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ .header-sort-arrow {
+ width: 0;
+ height: 0;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ margin-left: 9px;
+ &.up {
+ border-bottom: 5px solid $black;
+ }
+ &.down {
+ border-top: 5px solid $black;
+ }
+ }
+ }
+ .date-cell {
+ display: flex;
+ justify-content: space-between;
+ }
}