![Eric Yang](/assets/img/avatar_default.png)
I modify status-icon. Because the $icons is None. But this line 'background-image: url($icons);' will have 404. So let it to this line '@if $icons != None { background-image: url($icons); }'. Closes-Bug: #1479637 Change-Id: I47000c80653f051fb27fb6430fe191d9b449ee42
181 lines
3.2 KiB
SCSS
181 lines
3.2 KiB
SCSS
@mixin btn-icon-inline_edit($x, $y, $top: 1px, $left: 5px, $icons: None) {
|
|
padding: 9px 12px 9px 12px;
|
|
position: relative;
|
|
border-radius: 0px;
|
|
|
|
&:before {
|
|
display: inline-block;
|
|
content: "";
|
|
width: 18px;
|
|
height: 20px;
|
|
margin-top: 0px;
|
|
*margin-right: .3em;
|
|
line-height: 14px;
|
|
@if $icons != None { background-image: url($icons); }
|
|
background-position: $x $y;
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
top: $top;
|
|
left: $left;
|
|
}
|
|
}
|
|
|
|
td.inline_edit_available div.table_cell_wrapper .table_cell_action button.ajax-inline-edit {
|
|
@include btn-icon-inline_edit(0, -72px, 2px, 4px);
|
|
position: relative;
|
|
display: block;
|
|
background: none;
|
|
border: 0 none;
|
|
}
|
|
|
|
@mixin status-icon($x, $y, $top: 1px, $left: 5px, $icons: None) {
|
|
padding: 9px 12px 9px 12px;
|
|
position: relative;
|
|
border-radius: 0px;
|
|
|
|
&:before {
|
|
display: inline-block;
|
|
content: "";
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-top: 0px;
|
|
*margin-right: .3em;
|
|
line-height: 14px;
|
|
@if $icons != None { background-image: url($icons); }
|
|
background-position: $x $y;
|
|
background-repeat: no-repeat;
|
|
position: absolute;
|
|
top: $top;
|
|
left: $left;
|
|
}
|
|
}
|
|
|
|
td.has-form {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
div.table_cell_wrapper {
|
|
position: relative;
|
|
|
|
.table_cell_data_wrapper {
|
|
padding-right: 35px;
|
|
min-height: 15px;
|
|
}
|
|
|
|
.inline-edit-label {
|
|
display: inline;
|
|
}
|
|
|
|
.inline-edit-form {
|
|
float: left;
|
|
padding: 1px;
|
|
padding-right: 30px;
|
|
width: 100%;
|
|
|
|
input, textarea {
|
|
width: 100%;
|
|
height: 45px;
|
|
border: 2px inset;
|
|
border-color: lightgray;
|
|
background: oldlace;
|
|
}
|
|
|
|
input[type='checkbox'] {
|
|
width: auto;
|
|
height: auto;
|
|
margin-left: 5%;
|
|
margin-top: 10%;
|
|
}
|
|
|
|
label {
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
textarea {
|
|
resize: vertical;
|
|
padding: 6px;
|
|
}
|
|
}
|
|
|
|
.inline-edit-actions {
|
|
float: right;
|
|
width: 0;
|
|
|
|
button.btn-xs {
|
|
margin: 1px;
|
|
|
|
&:not(:first-child) {
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table_cell_action {
|
|
float: right;
|
|
width: 28px;
|
|
margin: 0;
|
|
|
|
button.ajax-inline-edit {
|
|
padding: 10px;
|
|
position: relative;
|
|
display: none;
|
|
background: none;
|
|
border: 0 none;
|
|
}
|
|
}
|
|
|
|
.table_cell_action {
|
|
width: auto;
|
|
|
|
margin: auto 0px 0px 0px;
|
|
display: none;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: 0px;
|
|
z-index: 99;
|
|
}
|
|
|
|
.inline-edit-error {
|
|
.error {
|
|
@include status-icon(-144px, -120px, 0px, 0px);
|
|
position: absolute;
|
|
width: 18px;
|
|
height: 20px;
|
|
|
|
top: 20px;
|
|
left: 2px;
|
|
padding: 0;
|
|
}
|
|
}
|
|
.inline-edit-status {
|
|
.success {
|
|
@include status-icon(-288px, 0px, 0px, 0px);
|
|
padding: 0;
|
|
position:absolute;
|
|
top: 2px;
|
|
right: 18px;
|
|
|
|
width: 18px;
|
|
height: 20px;
|
|
z-index: 100;
|
|
}
|
|
.loading {
|
|
@include status-icon(0px, 0px, 0px, 0px, '../img/spinner.gif');
|
|
padding: 0;
|
|
position:absolute;
|
|
top: 0px;
|
|
right: 24px;
|
|
|
|
width: 18px;
|
|
height: 20px;
|
|
z-index: 100;
|
|
}
|
|
}
|
|
.inline-edit-status.inline-edit-mod {
|
|
.loading {
|
|
top: 15px;
|
|
right: 34px;
|
|
}
|
|
}
|
|
}
|