mirror of
https://github.com/ansible/awx.git
synced 2026-05-19 23:07:42 -02:30
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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user