@atlassian/aui
Version:
Atlassian User Interface Framework
168 lines (165 loc) • 6.89 kB
CSS
/*!!
* @atlassian/aui - Atlassian User Interface Framework
* @version v8.0.0-alpha.1
* @link https://aui.atlassian.com
* @license SEE LICENSE IN LICENSE.md
* @author Atlassian Pty Ltd.
*/
/* ----- table loading styles ----- */
span.aui-restfultable-throbber {
background: url(data:image/gif;base64,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) center center no-repeat;
display: inline-block;
height: 16px;
text-align: left;
text-indent: -999px;
visibility: hidden;
width: 20px;
}
.aui-restfultable-init {
text-align: center;
vertical-align: middle;
padding: 20px;
}
.aui-restfultable-init .aui-restfultable-loading {
top: -4px;
position: relative;
}
.aui-restfultable-init .aui-restfultable-throbber,
.aui-restfultable .aui-restfultable-row.loading .aui-restfultable-throbber {
visibility: visible;
}
/* ----- Some basics ----- */
table.aui.aui-restfultable > thead > tr > th {
background-color: #FFFFFF;
}
.aui-restfultable .aui-restfultable-status {
width: 1px;
white-space: nowrap;
}
/* ----- Generic row - All states ----- */
.aui-restfultable-row td {
vertical-align: top;
}
.aui-restfultable-row .aui-restfultable-order {
width: 8px;
}
.aui-restfultable-row .aui-restfultable-operations {
width: 160px;
white-space: nowrap;
}
.aui-restfultable-row .aui-restfultable-throbber {
width: 20px;
}
.aui-restfultable-row .aui-restfultable-operations input.button,
.aui-restfultable .aui-restfultable-row select {
margin-top: 2px;
}
.aui-restfultable .aui-restfultable-row input.text,
.aui-restfultable .aui-restfultable-row select {
box-sizing: border-box;
margin: 0;
max-width: none;
width: 100%;
}
.aui-restfultable .aui-restfultable-order {
width: 8px;
}
.aui-restfultable .aui-restfultable-row .aui-restfultable-draghandle {
display: inline-block;
width: 8px;
min-height: 24px;
margin-bottom: -6px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQI12NgAIJz507/Z4AxVqxYAuEgAwD26QnAz+WLlgAAAABJRU5ErkJggg==);
cursor: move;
}
/* ----- Create row ----- */
.aui-restfultable-create td {
border: solid #DFE1E6;
border-width: 1px 0;
}
.aui-restfultable .aui-restfultable-create .aui-restfultable-draghandle {
display: none;
}
/* ----- Focused row ----- */
.aui-restfultable-row.aui-restfultable-focused td {
background-color: #DEEBFF;
}
/* ----- Disabled row ----- */
.aui-restfultable-row.aui-restfultable-disabled td {
opacity: 0.5;
}
/* ----- Readonly row ----- */
/* https://ecosystem.atlassian.net/browse/AUI-1940
* Because the table cells have fractional widths in IE, which then rounds up/down at random when calling clientWidth
* which means the helper is too narrow to contain the children.
*/
.aui-restfultable-readonly.ui-sortable-helper {
white-space: nowrap;
}
.aui-restfultable-readonly.aui-restfultable-movable > div {
background-color: #F4F5F7 ;
box-sizing: border-box;
display: table-cell;
height: 100%;
min-height: 40px;
/* the average height of a row in a restful table. The actual height should be set on the container */
padding: 7px 10px;
vertical-align: middle;
}
.aui-restfultable-readonly > .aui-restfultable-movable {
height: 100%;
}
.aui-restfultable-readonly .aui-restfultable-editable-no-value .aui-restfultable-editable {
visibility: hidden;
}
.aui-restfultable-readonly .aui-restfultable-operations a {
visibility: visible;
}
.aui-restfultable-readonly .aui-restfultable-editable {
display: block;
box-sizing: border-box;
margin: 0;
padding: 3px 24px 2px 4px;
position: relative;
}
.aui-restfultable-readonly .aui-restfultable-editable .aui-iconfont-edit,
.aui-restfultable-readonly .aui-restfultable-editable .icon-edit-sml {
margin: 0;
position: absolute;
right: 4px;
top: 4px;
visibility: hidden;
}
.aui-restfultable-allowhover td .aui-restfultable-editable .aui-iconfont-edit,
.aui-restfultable-allowhover td .aui-restfultable-editable .icon-edit-sml {
visibility: hidden;
}
.aui-restfultable-allowhover .aui-restfultable-readonly td:hover .aui-restfultable-editable .aui-iconfont-edit,
.aui-restfultable-allowhover .aui-restfultable-readonly td:hover .aui-restfultable-editable .icon-edit-sml {
visibility: visible;
}
.aui-restfultable-readonly .aui-restfultable-editable em {
color: #97A0AF;
}
/* ----- Hover row ----- */
.aui-restfultable-row.aui-restfultable-active {
background-color: #F4F5F7;
}
.aui-restfultable-allowhover tr:hover td {
background-color: #F4F5F7;
}
.aui-restfultable-allowhover tr.aui-restfultable-focused td {
background-color: #DEEBFF;
}
.aui-restfultable-allowhover td:hover .aui-restfultable-editable {
visibility: visible;
background: #FFFAE6;
cursor: pointer;
}
/* ----- Validation ----- */
.aui-restfultable .error {
clear: both;
color: #DE350B;
display: block;
margin: 5px 0 0 0;
}