From 95c9520d46c925fdf7095552fa4f91167d555069 Mon Sep 17 00:00:00 2001 From: Sarah Abouzainah Date: Sun, 5 Jul 2020 19:45:40 +0200 Subject: Fix merge conflict Issue-ID: CCSDK-2477 Signed-off-by: Sarah Abouzainah Change-Id: I86cdfdf56ae7e7dce00b17184117c94263cda250 --- .../src/assets/img/icon-info-color.svg | 11 ++ cds-ui/designer-client/src/styles.css | 112 ++++++++++++--------- 2 files changed, 78 insertions(+), 45 deletions(-) create mode 100644 cds-ui/designer-client/src/assets/img/icon-info-color.svg (limited to 'cds-ui/designer-client/src') diff --git a/cds-ui/designer-client/src/assets/img/icon-info-color.svg b/cds-ui/designer-client/src/assets/img/icon-info-color.svg new file mode 100644 index 000000000..6be69b67f --- /dev/null +++ b/cds-ui/designer-client/src/assets/img/icon-info-color.svg @@ -0,0 +1,11 @@ + + + + icon-info-color + Created with Sketch. + + + + + + \ No newline at end of file diff --git a/cds-ui/designer-client/src/styles.css b/cds-ui/designer-client/src/styles.css index df5d51507..a3c4b2b10 100644 --- a/cds-ui/designer-client/src/styles.css +++ b/cds-ui/designer-client/src/styles.css @@ -76,6 +76,10 @@ body{ background: url(/assets/img/icon-error.svg) 12px center #fff no-repeat !important; background-size: 18px !important; } +.toast-info{ + border-left: solid 5px #1273EB !important; + background: url(/assets/img/icon-info-color.svg) 12px center #fff no-repeat !important; +} /*ICONS*/ .icon-menuDots{ font-size: 3px !important; @@ -422,6 +426,10 @@ height: 40px; text-decoration: none; color: #1B3E6F; } +.tags-filter-list{ + max-height: 260px; + overflow-y: auto; +} /**Packages Sort**/ .sort-packages{ font-size: 12px; @@ -544,7 +552,7 @@ height: 40px; .packages-card [data-tooltip]:after { padding: 9px; font-size: 11px; - background: #F4F9FE; + background: #fff; border: solid 1px #E6EDF5; box-shadow: 0 0 12 rgba(0,0,0,0.8); border-radius: 3px; @@ -672,6 +680,10 @@ height: 40px; padding: 15px 20px 15px 44px !important; background: url(/assets/img/icon-required-yes.svg) 20px center no-repeat !important; } +.tabs-no-content{ + font-size: 13px; + font-weight: bold; +} /**Sliding Search Input**/ .searchBox{ position: absolute; @@ -1021,8 +1033,9 @@ height: 40px; .fillteredTags{ margin-left: 3px; padding: 3px 3px; - background: #1B3E6F; - color: #fff; + background: #C3CDDB; + color: #1B3E6F; + font-weight: bold; border-radius: 4px; } /**Packages Sort**/ @@ -1759,8 +1772,8 @@ ul.package-contributers{ z-index: 1000; padding: 8px; width: auto; - background-color: #DEE8F3; - background-color: rgba(222, 232, 243, 1.0); + background-color: #fff; + background-color: rgba(255, 255, 255, 1.0); color: #1B3E6F; content: attr(data-tooltip); font-size: 10px; @@ -1786,7 +1799,6 @@ ul.package-contributers{ .tooltip-top:before { margin-left: 0; margin-bottom: -12px; - border-bottom-color: #DEE8F3; border-bottom-color: rgba(222, 232, 243, 1.0); } @@ -1828,8 +1840,8 @@ ul.package-contributers{ margin-right: -12px; margin-bottom: 0; border-top-color: transparent; - border-left-color: #000; - border-left-color: hsla(0, 0%, 20%, 0.9); + border-left-color: #fff; + /* border-left-color: hsla(0, 0%, 20%, 0.9); */ } .tooltip-left:hover:before, @@ -1877,8 +1889,8 @@ ul.package-contributers{ margin-bottom: 0; margin-left: -12px; border-top-color: transparent; - border-right-color: #000; - border-right-color: hsla(0, 0%, 20%, 0.9); + border-right-color: #fff; + /* border-right-color: hsla(0, 0%, 20%, 0.9); */ } .tooltip-right:hover:before, @@ -1913,10 +1925,11 @@ ul.package-contributers{ width: 100% !important; text-align: left!important; color:#1B3E6F; - background-color: #F4F9FE; + background-color: #fff; border: solid 1px #E6EDF5; border-radius: 3px !important; font-size: 11px; + opacity: 1.0 !important; } .bs-tooltip-bottom .arrow::before{ border-bottom-color: #E6EDF5 !important; @@ -1924,6 +1937,12 @@ ul.package-contributers{ .bs-tooltip-top .arrow::before{ border-top-color: #E6EDF5 !important; }
 +.bs-tooltip-left .arrow::before{ + border-left-color: #E6EDF5 !important; +}
 +.bs-tooltip-right .arrow::before{ + border-right-color: #E6EDF5 !important; +}
 @@ -2155,32 +2174,34 @@ padding-left: 20px !important; font-size: 13px; color: #1B3E6F; } - .single-line select:focus{ - box-shadow: 0 0 0 0; - } - .single-line select option:first-child{ - color: #C3CDDB; - } - .single-line-model input::placeholder{ - font-size: 14px; - color: #C3CDDB; - } - .single-line-model.error{ - color:#FF6469; - } - .single-line-model.error input{ - color:#FF6469; - border-bottom: 1px solid #FF6469 !important; - } - .single-line .custom-key{ - background: none; - border: 0px; - color:#1273EB ; - font-size: 15px; - } - .single-line .custom-key:focus{ - outline: none; - } +.single-line select:focus{ + box-shadow: 0 0 0 0; +} +.single-line select option:first-child{ + color: #C3CDDB; +} +.single-line-model input::placeholder{ + font-size: 14px; + color: #C3CDDB; +} +.single-line-model.error{ + color:#FF6469; +} +.single-line-model.error input, +.label-input input.ng-invalid{ + box-shadow: none; + color:#FF6469; + border-bottom: 1px solid #FF6469 !important; +} +.single-line .custom-key{ + background: none; + border: 0px; + color:#1273EB ; + font-size: 15px; +} +.single-line .custom-key:focus{ + outline: none; +} .creat-container{ padding:70px 100px 70px 70px; position: relative; @@ -2252,6 +2273,7 @@ hr{ } .action-button:hover{ text-decoration: none; + cursor: pointer; } .action-button i{ background: #fff; @@ -2286,8 +2308,9 @@ hr{ .action-button.delete i{ color: #BABBC3; } -.action-button.delete:hover{ - color: #FF6469; +.action-button.delete:hover, +.action-button.delete:hover .icon-delete-sm{ + color: #FF6469 !important; } .mode-icon{ font-size: 20px; @@ -2652,17 +2675,16 @@ hr{ position: absolute; top: 13px; } -.ace-tomorrow-night-bright .ace_print-margin{ +.ace_scroller{ + overflow: auto !important; +} +.ace_print-margin{ left: 100% !important; background: #eee !important; } .ace_content{ width: 100%; } -.ace_line, -.ace-eclipse .ace_print-margin{ - /* background: #fff; */ -} .ace_editor{ height: 55vh !important; line-height: 25px; @@ -2886,7 +2908,7 @@ margin-right: 5px; margin-left: 5px; } .deply-status-icon{ - margin-left: 6px; + margin-right: 4px; width: 1.6%; vertical-align: baseline; } -- cgit 1.2.3-korg