Files
awx/awx/ui/client/legacy-styles/lists.less
2016-01-11 11:17:27 -05:00

100 lines
1.8 KiB
Plaintext

/*********************************************
* Copyright (c) 2015 Ansible, Inc.
*
* lists.less
*
* custom styles for generated lists
*
*/
@import "src/shared/branding/colors.default.less";
table, tbody {
border-collapse: separate !important;
}
.List-well {
margin-top: 25px;
}
.List-table{
width: 100%;
table-layout: fixed;
}
.List-tableHeader{
height: 30px;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
color: @list-header-txt;
background-color: @list-header-bg;
padding-left: 15px;
padding-right: 15px;
}
.List-tableHeader:first-of-type {
border-top-left-radius: 5px;
}
.List-tableHeader:last-of-type {
border-top-right-radius: 5px;
text-align: right;
}
.List-tableRow {
height: 40px;
font-size: 14px;
color: @list-item;
}
.List-tableRow--selected,
.List-tableRow--selected > :first-child {
border-left: 5px solid @list-row-select-bord;
}
.List-tableRow--selected > :first-child {
padding-left: 10px;
}
.List-tableRow--evenRow {
background-color: @list-alt-item-bg;
}
.List-tableCell {
padding-left: 15px;
padding-right: 15px;
}
.List-actionButtonCell {
padding-top:5px;
padding-right: 15px;
display:flex;
justify-content: flex-end;
}
.List-actionButton {
font-size: 16px;
height: 30px;
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 {
background-color: @list-actn-bg-hov !important;
color: @list-actn-icn-hov;
}
.List-actionButton--delete:hover {
background-color: @list-actn-del-bg-hov !important;
}
.List-actionButton + .List-actionButton {
margin-left: 15px;
}