summaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client/src/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'cds-ui/designer-client/src/styles.css')
-rw-r--r--cds-ui/designer-client/src/styles.css112
1 files changed, 67 insertions, 45 deletions
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;
}