MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'fix/4337' of github.com:Budibase/budibase into fix/4337

This commit is contained in:
mike12345567 2022-02-15 13:50:43 +00:00
parent 8411a0e6c3 69bc9bf9fc
commit b421ddf60b
1 changed files with 40 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/bbui/src/Button/Button.svelte
View File

@ -17,7 +17,6 @@
let showTooltip = false let showTooltip = false
</script> </script>
<div class:container={!!tooltip}>
<button <button
class:spectrum-Button--cta={cta} class:spectrum-Button--cta={cta}
class:spectrum-Button--primary={primary} class:spectrum-Button--primary={primary}
@ -57,25 +56,16 @@
</svg> </svg>
</div> </div>
{/if} {/if}
</button>
{#if showTooltip && tooltip} {#if showTooltip && tooltip}
<div class="position">
<div class="tooltip"> <div class="tooltip">
<Tooltip textWrapping={true} direction={"bottom"} text={tooltip} /> <Tooltip textWrapping={true} direction={"bottom"} text={tooltip} />
</div> </div>
</div>
{/if} {/if}
</div> </button>
<style> <style>
button { button {
width: 100%; position: relative;
}
.container {
display: flex;
align-items: center;
flex-direction: column;
} }
.spectrum-Button-label { .spectrum-Button-label {
white-space: nowrap; white-space: nowrap;
@ -93,12 +83,8 @@
width: 160px; width: 160px;
text-align: center; text-align: center;
transform: translateX(-50%); transform: translateX(-50%);
top: -5px; left: 50%;
} top: calc(100% - 3px);
.position {
position: relative;
width: 0;
height: 0;
} }
.tooltip-icon { .tooltip-icon {
padding-left: var(--spacing-m); padding-left: var(--spacing-m);