Minor UI improvements to recordfinder

Allow span elements to use oc-loading
This commit is contained in:
Samuel Georges 2017-07-06 19:11:57 +10:00
parent 9467a6ccfe
commit 56eb61183b
5 changed files with 17 additions and 7 deletions

View File

@ -5,7 +5,7 @@
<h4 class="modal-title"><?= e(trans($title)) ?></h4>
</div>
<div class="list-flush" data-request-data="recordfinder_flag: 1">
<div class="recordfinder-list list-flush" data-request-data="recordfinder_flag: 1">
<?= $searchWidget->render() ?>
<?= $listWidget->render() ?>
</div>

View File

@ -136,7 +136,8 @@ body > p.flash-message button.close:focus {
display: none;
}
a.oc-loading:after,
button.oc-loading:after {
button.oc-loading:after,
span.oc-loading:after {
content: '';
display: inline-block;
vertical-align: middle;

View File

@ -151,7 +151,7 @@ body > p.flash-message {
// Element Loader
// --------------------------------------------------
a.oc-loading, button.oc-loading {
a.oc-loading, button.oc-loading, span.oc-loading {
&:after {
content: '';
display: inline-block;

View File

@ -402,12 +402,20 @@
}
}
.recordfinder-list {
.list-footer {
padding-top: 0;
padding-bottom: 0;
}
}
.recordfinder-search {
background-position: right -81px !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
border-radius: 0;
padding-left: 20px;
}
.form-buttons {

View File

@ -2509,7 +2509,8 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
.field-recordfinder .btn:hover{color:#333333}
.field-recordfinder .text-muted i{font-size:14px;position:relative;top:1px;display:inline-block;margin:0 2px}
.field-recordfinder .primary{font-weight:600}
.recordfinder-search{background-position:right -81px !important;border-top:none !important;border-left:none !important;border-right:none !important;border-radius:0}
.recordfinder-list .list-footer{padding-top:0;padding-bottom:0}
.recordfinder-search{background-position:right -81px !important;border-top:none !important;border-left:none !important;border-right:none !important;border-radius:0;padding-left:20px}
.form-buttons{padding-bottom:20px;font-size:0}
.form-buttons:before,.form-buttons:after{content:" ";display:table}
.form-buttons:after{clear:both}