pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Touch up styles on environment rows in applications listing

Browse Source
This commit is contained in:
Patrick Smith
2019-02-07 16:28:25 -05:00
parent 0ea6f1d3ee
commit 9afa449bdf
4 changed files with 28 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
styles/components/_portfolio_layout.scss
View File

@@ -86,7 +86,7 @@
}
.portfolio-content {
margin-top: 6 * $gap;
margin: 6 * $gap $gap 0 $gap;
}
.portfolio-applications {
@@ -114,7 +114,19 @@
.application-list {
.application-list-item {
box-shadow: 0 4px 8px 1px rgba(230,230,230,0.5);
border-radius: 5px;
box-shadow: 0 4px 8px 1px rgba(230,230,230,0.5), -4px 4px 8px 1px rgba(230,230,230,0.5);
.application-list-item__environment__name {
}
.application-list-item__environment__csp_link {
font-size: $small-font-size;
font-weight: normal;
&:hover {
background-color: $color-aqua-light;
}
}
}
}
}

1
styles/core/_variables.scss
View File

@@ -43,6 +43,7 @@ $font-bold: 700;
$color-blue: #0071bc;
$color-blue-darker: #205493;
$color-blue-darkest: #112e51;
$color-blue-light: #e5f1ff;
$color-aqua: #02bfe7;
$color-aqua-dark: #00a6d2;

8
styles/elements/_accordians.scss
View File

@@ -1,6 +1,8 @@
.accordian {
@include block-list;
box-shadow: 0 4px 10px 0 rgba(193,193,193,0.5);
.icon-link {
margin: -$gap 0;
}
@@ -21,6 +23,8 @@
.accordian__header {
@include block-list-header;
border-top: 3px solid $color-blue;
border-bottom: none;
box-shadow: 0 2px 4px 0 rgba(216,218,222,0.58);
}
.accordian__title {
@@ -62,6 +66,10 @@
.accordian__item {
@include block-list-item;
opacity: 0.75;
background-color: $color-blue-light;
border-bottom: 1px solid rgba($color-gray-light, 0.5);
&.accordian__item--selectable {
> div {
display: flex;