aboutsummaryrefslogtreecommitdiffstats
path: root/cds-ui/client-frankfurt/src/styles.css
diff options
context:
space:
mode:
Diffstat (limited to 'cds-ui/client-frankfurt/src/styles.css')
-rw-r--r--cds-ui/client-frankfurt/src/styles.css37
1 files changed, 32 insertions, 5 deletions
diff --git a/cds-ui/client-frankfurt/src/styles.css b/cds-ui/client-frankfurt/src/styles.css
index 850f6824a..ff85e332f 100644
--- a/cds-ui/client-frankfurt/src/styles.css
+++ b/cds-ui/client-frankfurt/src/styles.css
@@ -330,7 +330,7 @@ height: 40px;
/**Packages Cards***/
/***Package Info Card***/
.packages-card .card{
- margin: 0 9px;
+ margin: 0;
border-radius: 2px;
border: 0;
box-shadow: 0 2px 6px 0 rgba(47, 83, 151, 0.1);
@@ -498,6 +498,10 @@ height: 40px;
.searchInput::placeholder{
color: #BABBC3;
}
+ .searchBox-expanded{
+ width: 240px;
+ border-bottom: solid 1px #C3CDDB;
+ }
/**Drop Down Menu**/
.dropdown{
position: relative;
@@ -694,6 +698,7 @@ height: 40px;
/**Packages Filter**/
.packagesFilter{
margin-top: 12px;
+ margin-bottom: 7px;
}
.packagesFilter .dropdown-toggle{
height: 36px !important;
@@ -827,7 +832,7 @@ height: 40px;
/**Packages Cards***/
/***Package Info Card***/
.packages-card .card{
- margin: 0 9px;
+ margin: 0;
border-radius: 2px;
border: 0;
box-shadow: 0 2px 6px 0 rgba(47, 83, 151, 0.1);
@@ -845,6 +850,16 @@ height: 40px;
font-size: 14px;
color: #D0D7E4;
}
+.packages-card .card-body{
+ padding-bottom: 0 !important;
+}
+.packages-card .card-footer .col{
+ padding: 0;
+ text-align: center;
+}
+.packages-card .card-footer .col:last-child{
+ padding-left: 20px;
+}
/***Add Package Card***/
.addPaackage-card{
background: #F4F9FE !important;
@@ -854,11 +869,11 @@ height: 40px;
box-shadow: 0 2px 6px 0 rgba(47, 83, 151, 0.1) !important;
}
.addPaackage-card img{
- margin-bottom: 12px;
+ margin-bottom: 33px;
margin-top: 8px;
}
.addPaackage-card a{
- margin: 0 0 20px;
+ margin: 0 0 14px;
padding: 10px 10px 10px 32px;
font-weight: bold;
font-size: 10px;
@@ -873,6 +888,13 @@ height: 40px;
.addPaackage-card a:hover{
text-decoration: unset;
}
+ .addPaackage-card .card-footer .col{
+ padding: 0;
+ text-align: right;
+ }
+ .addPaackage-card .card-footer .col:last-child{
+ text-align: left;
+ }
.btn-create-package,
.btn-create-package:hover{
background-color: #1B3E6F;
@@ -957,7 +979,7 @@ height: 40px;
}
/***Contributers***/
ul.package-contributers{
- margin-bottom: 0 !important;
+ /*margin-bottom: 0 !important;*/
padding-left: 0 !important;
}
.package-contributers li{
@@ -973,6 +995,7 @@ height: 40px;
.package-contributers li:last-child{
margin-left: 9px;
}
+ .package-modifier,
.package-contributers button{
padding: 0 !important;
border-radius: 100%;
@@ -986,6 +1009,7 @@ height: 40px;
display: inline-block;
position: relative;
}
+ .package-modifier:before,
.package-contributers button:before{
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
@@ -999,10 +1023,12 @@ height: 40px;
right: 0;
top: 0;
}
+ .package-modifier:hover,
.package-contributers button:hover{
box-shadow: 0 0 0 2px #D7E7F9;
text-decoration: none;
}
+ .package-modifier:hover:before,
.package-contributers button:hover:before{
-webkit-transform: scale(0.925);
-moz-transform: scale(0.925);
@@ -1012,6 +1038,7 @@ height: 40px;
box-shadow: 0 0 0 1px #D7E7F9;
opacity: 0.5;
}
+ .package-modifier img,
.package-contributers button img{
width: 28px;
height: 28px;