tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-26 07:05:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

🩹 Fix status indicator and opening method overlapping

Browse Source
This commit is contained in:
Alicia Sykes 2021-09-18 17:43:01 +01:00
parent 4723652dec
commit d94b166c78
1 changed files with 1 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/components/LinkItems/Item.vue
View File

@ -21,7 +21,7 @@
v-bind:style="customStyles" class="bounce" /> v-bind:style="customStyles" class="bounce" />
<!-- Small icon, showing opening method on hover --> <!-- Small icon, showing opening method on hover -->
<ItemOpenMethodIcon class="opening-method-icon" :isSmall="!icon || itemSize === 'small'" <ItemOpenMethodIcon class="opening-method-icon" :isSmall="!icon || itemSize === 'small'"
:openingMethod="target" :position="itemSize === 'medium'? 'bottom right' : 'top right'" :openingMethod="target" position="bottom right"
:hotkey="hotkey" /> :hotkey="hotkey" />
<!-- Status indicator dot (if enabled) showing weather srevice is availible --> <!-- Status indicator dot (if enabled) showing weather srevice is availible -->
<StatusIndicator <StatusIndicator
@ -414,30 +414,6 @@ export default {
<!-- An un-scoped style tag, since tooltip is outside this DOM tree --> <!-- An un-scoped style tag, since tooltip is outside this DOM tree -->
<style lang="scss"> <style lang="scss">
.tooltip.item-description-tooltip {
background: var(--description-tooltip-background);
border: 1px solid var(--description-tooltip-color);
border-radius: var(--curve-factor-small);
color: var(--description-tooltip-color);
padding: 0.2rem 0.5rem;
max-width: 250px;
z-index: 5;
}
.tooltip-arrow {
border-width: 5px 5px 0 5px;
border-color: var(--description-tooltip-color);
border-left-color: transparent!important;
border-right-color: transparent!important;
border-bottom-color: transparent!important;
bottom: -11px;
left: calc(50% - 5px);
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
z-index: 3;
}
.disabled-link { .disabled-link {
pointer-events: none; pointer-events: none;