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

CSS refactor

Browse Source 
accordion_table.scss refactor

audit_log.scss refactor

budget_chart.scss refactor

delete checklist.scss

dod_login_notice.scss refactor

empty_state.scss refactor

footer.scss refactor

forms.scss refactor

global_navigation.scss refactor

delete member_edit.scss

modal.scss refactor

refactor portfolio_layout

delete search_bar.scss

selector.scss refactor

sticky_cta.scss refactor

refactor topbar.scss

refactor accordions.scss

refactor action_group.scss

refactor block_list.scss

refactor card.scss

refactor icon css

refactor inputs.scss

refactor labels.scss

refactor panel.scss

sidename.scss

tables.scss

refactor uploader.scss

application list and edit refactor

home.scss refactor

login.scss styles

reports.scss refactor

task_order.scss refactor
This commit is contained in:
mk-dds
2019-07-16 16:44:53 -04:00
committed by leigh-mil
parent c5ec2c296f
commit 5f99ceee5f
39 changed files with 703 additions and 1053 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
styles/components/_accordion_table.scss
View File

@@ -12,7 +12,7 @@
padding-left: 0;
}
.accordion-table__head {
&__head {
padding: $gap ($gap * 2);
font-size: $small-font-size;
font-weight: 700;
@@ -37,38 +37,12 @@
}
}
.accordion-table__item-content {
padding: ($gap * 2);
.usa-input {
margin: 0;
.icon-validation {
left: 135%;
}
}
#name {
max-width: none;
border-color: black;
}
.usa-alert {
margin: 2.5rem 0;
}
select {
border: none;
font-weight: $font-normal;
}
}
.new-env {
margin-top: 5rem;
padding: 0 5rem;
}
.accordion-table__items {
&__items {
margin: 0;
li {
@@ -91,33 +65,71 @@
border-bottom: 1px solid $color-gray-lighter;
}
}
}
.accordion-table__item__action-group {
padding: 1rem 3.2rem;
background-color: $color-gray-lightest;
th,
td,
tr {
border-bottom: 1px dashed $color-gray-lightest;
}
button,
a {
margin: 0;
font-size: $small-font-size;
th[scope="rowgroup"] {
position: relative;
}
}
&__item {
&-content {
padding: ($gap * 2);
.usa-input {
margin: 0;
.icon-validation {
left: 135%;
}
}
.icon-link {
padding-top: 0.5rem;
float: none;
}
#name {
max-width: none;
border-color: black;
}
> *:first-child {
padding-left: 0;
}
.usa-alert {
margin: 2.5rem 0;
}
> *:last-child {
float: right;
}
select {
border: none;
font-weight: $font-normal;
}
}
.accordion-table__item__toggler {
&__action-group {
padding: 1rem 3.2rem;
background-color: $color-gray-lightest;
button,
a {
margin: 0;
font-size: $small-font-size;
}
.icon-link {
padding-top: 0.5rem;
float: none;
}
> *:first-child {
padding-left: 0;
}
> *:last-child {
float: right;
}
}
&__toggler {
@include icon-link-color($color-blue, $color-gray-lightest);
float: right;
@@ -146,22 +158,16 @@
}
}
th,
td,
tr {
border-bottom: 1px dashed $color-gray-lightest;
}
th[scope="rowgroup"] {
position: relative;
}
.accordion-table__item__expanded {
&__expanded {
font-size: $small-font-size;
font-weight: $font-normal;
background-color: $color-gray-lightest;
padding: ($gap * 2) ($gap * 4);
.col--grow {
font-weight: $font-normal;
}
th,
td {
.icon-link {
@@ -172,11 +178,11 @@
border-bottom: 1px dashed $color-white;
}
.accordion-table__item__expanded_first {
&_first {
float: left;
}
.accordion-table__item__expanded-role {
&-role {
.icon-link {
padding: 0;
vertical-align: text-top;
@@ -192,19 +198,21 @@
.application-list {
.accordion-table {
.accordion-table__item__toggler {
text-align: right;
padding-right: 0;
padding-left: 0;
}
.accordion-table__item-content {
.icon-link {
align-items: baseline;
padding-left: 0;
&__item {
&__toggler {
text-align: right;
padding-right: 0;
padding-top: 1rem;
white-space: nowrap;
padding-left: 0;
}
&-content {
.icon-link {
align-items: baseline;
padding-left: 0;
padding-right: 0;
padding-top: 1rem;
white-space: nowrap;
}
}
}
}