List view styling tweaks based on UI/UX feedback. Fixed various bugs dealing with the list views/pagination/delete modal(s). Fixed the jobs list responsive weirdness.

This commit is contained in:
Michael Abashian
2016-01-26 11:11:27 -05:00
parent 74dc4a59c2
commit a8d51da73c
26 changed files with 620 additions and 599 deletions

View File

@@ -81,12 +81,11 @@ table, tbody {
.List-actionButton {
font-size: 16px;
height: 30px;
width: 30px;
min-width: 30px;
color: @list-action-icon;
background-color: @list-actn-bg;
border: none;
border-radius: 50%;
transition: background-color 0.2s, border-color 0.2s;;
}
.List-actionButton:hover {
@@ -108,6 +107,12 @@ table, tbody {
color: @list-pagin-text;
text-transform: uppercase;
height: 22px;
display: flex;
}
.List-paginationPagerHolder {
display: flex;
flex: 1 0 auto;
}
.List-paginationPager {
@@ -128,13 +133,18 @@ table, tbody {
background-color: @list-pagin-bg-act!important;
}
.List-paginationItemsOf {
display: flex;
justify-content: flex-end;
}
.List-header {
align-items: center;
display: flex;
height: 34px;
}
.List-title {
align-items: center;
flex: 1 0 auto;
display: flex;
}
@@ -163,7 +173,6 @@ table, tbody {
}
.List-buttonSubmit {
transition: background-color 0.2s;
background-color: @submit-button-bg;
color: @submit-button-text;
}
@@ -175,7 +184,6 @@ table, tbody {
}
.List-buttonDefault {
transition: background-color 0.2s;
background-color: @btn-bg;
color: @btn-txt;
border-color: @btn-bord;
@@ -235,6 +243,10 @@ table, tbody {
color: @list-srch-btn-icon;
}
.List-searchNoResults {
color: @default-interface-txt;
}
.List-noItems {
display: flex;
align-items: center;