revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

[UI] Added disabled property to FloatingButton.

Browse source
This commit is contained in:
Fabio Manganiello 2024-08-25 00:19:00 +02:00
parent 336cb18cb3
commit e8acf8615f
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
platypush/backend/http/webapp/src/components/elements/FloatingButton.vue
View file

@ -1,6 +1,10 @@
<template>
<div class="floating-btn" :class="className">
<button type="button" class="btn btn-primary" :title="title" @click="$emit('click', $event)">
<button type="button"
class="btn btn-primary"
:disabled="disabled"
:title="title"
@click="$emit('click', $event)">
<Icon :class="iconClass" :url="iconUrl" />
</button>
</div>
@ -15,6 +19,10 @@ export default {
emits: ["click"],
props: {
disabled: {
type: Boolean,
default: false,
},
iconClass: {
type: String,
},
@ -57,6 +65,13 @@ export default {
&:hover {
background: $tile-hover-bg !important;
}
&:disabled,
&[disabled] {
background: $default-bg-7 !important;
color: $disabled-fg !important;
cursor: not-allowed;
}
}
:deep(button) {