vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Fixed button loading animation

pull/1088/head
Cagatay Civici 2021-04-16 14:51:20 +03:00
parent deaf7367da
commit c99e242eb7
35 changed files with 70 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/themes/arya-blue/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/arya-green/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/arya-orange/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/arya-purple/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/bootstrap4-light-blue/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/bootstrap4-light-purple/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/fluent-light/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/luna-amber/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/luna-blue/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/luna-green/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/luna-pink/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/md-dark-deeppurple/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/md-dark-indigo/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/md-light-deeppurple/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/md-light-indigo/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/mdc-dark-indigo/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/mdc-light-deeppurple/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/mdc-light-indigo/theme.css
View File

@ -1722,10 +1722,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/nova-accent/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/nova-alt/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/nova-vue/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/nova/theme.css
View File

@ -1710,10 +1710,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/rhea/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/saga-blue/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/saga-green/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/saga-orange/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/saga-purple/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/vela-blue/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/vela-green/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/vela-orange/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

4
public/themes/vela-purple/theme.css
View File

@ -1698,10 +1698,10 @@
.p-button.p-button-lg .p-button-icon { .p-button.p-button-lg .p-button-icon {
font-size: 1.25rem; font-size: 1.25rem;
} }
.p-button.p-button-loading .p-button-label { .p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.p-button.p-button-loading .p-button-icon { .p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0; margin-right: 0;
} }

3
src/components/button/Button.vue
View File

@ -47,7 +47,8 @@ export default {
'p-button-icon-only': this.icon && !this.label, 'p-button-icon-only': this.icon && !this.label,
'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label, 'p-button-vertical': (this.iconPos === 'top' || this.iconPos === 'bottom') && this.label,
'p-disabled': this.$attrs.disabled || this.loading, 'p-disabled': this.$attrs.disabled || this.loading,
'p-button-loading': this.loading 'p-button-loading': this.loading,
'p-button-loading-label-only': this.loading && !this.icon && this.label
} }
}, },
iconClass() { iconClass() {