batch rename sc-button cancel

This commit is contained in:
Mathieu Jaumotte 2021-07-05 21:22:05 +02:00
parent 05a1f7d041
commit 342fd3e297
6 changed files with 11 additions and 6 deletions

View File

@ -39,4 +39,9 @@
background-color: $chill-blue; background-color: $chill-blue;
color: $light; color: $light;
} }
&.btn-cancel {
background-color: $chill-light-gray;
color: $black;
}
} }

View File

@ -36,7 +36,7 @@
<div> <div>
<ul class="record_actions sticky-form-buttons"> <ul class="record_actions sticky-form-buttons">
<li class="cancel"> <li class="btn btn-cancel">
<a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a> <a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
</li> </li>
<li v-if="!edit"> <li v-if="!edit">

View File

@ -16,7 +16,7 @@
<slot name="body"></slot> <slot name="body"></slot>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button class="sc-button cancel" @click="$emit('close')">{{ $t('action.close') }}</button> <button class="btn btn-cancel" @click="$emit('close')">{{ $t('action.close') }}</button>
<slot name="footer"></slot> <slot name="footer"></slot>
</div> </div>
</div> </div>
@ -55,7 +55,7 @@ export default {
display: table; display: table;
transition: opacity 0.3s ease; transition: opacity 0.3s ease;
} }
.modal-header .close { // bootstrap classes, override sc-button 0 radius .modal-header .close {
border-top-right-radius: 0.3rem; border-top-right-radius: 0.3rem;
} }
/* /*

View File

@ -62,7 +62,7 @@
<div> <div>
<ul class="record_actions"> <ul class="record_actions">
<li class="cancel"> <li class="btn btn-cancel">
<a href="#" class="btn btn-cancel"> <a href="#" class="btn btn-cancel">
{{ $t('action.cancel') }} {{ $t('action.cancel') }}
</a> </a>

View File

@ -33,7 +33,7 @@
</div> </div>
<div> <div>
<ul class="record_actions sticky-form-buttons"> <ul class="record_actions sticky-form-buttons">
<li class="cancel"> <li class="btn btn-cancel">
<a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a> <a :href=backUrl class="btn btn-cancel">{{ $t('back_to_the_list') }}</a>
</li> </li>
<li> <li>

View File

@ -90,7 +90,7 @@ export default {
margin-left: 0.5em; margin-left: 0.5em;
align-self: baseline; align-self: baseline;
} }
a.sc-button { a.btn {
border: 1px solid lightgrey; border: 1px solid lightgrey;
font-size: 70%; font-size: 70%;
padding: 4px; padding: 4px;