@atlassian/aui/lib/css/aui-experimental-restfultable.css

Atlassian User Interface Framework

/* ----- table loading styles ----- */
span.aui-restfultable-throbber {
  background: url('images/wait.gif') 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 !important;
  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;
}

/*# sourceMappingURL=aui-experimental-restfultable.css.map */