mirror of
https://github.com/Lissy93/dashy.git
synced 2025-07-23 13:45:33 +02:00
🔀 Merge pull request #207 from Lissy93/BUG-FIX/tooltip-backround
[BUG-FIX] Tooltip styling and text Fixes #205
This commit is contained in:
commit
cbb002f7a7
@ -62,6 +62,7 @@
|
|||||||
"css-note-l3": "To remove all custom styles, delete the contents and hit Save Changes"
|
"css-note-l3": "To remove all custom styles, delete the contents and hit Save Changes"
|
||||||
},
|
},
|
||||||
"alternate-views": {
|
"alternate-views": {
|
||||||
|
"alternate-view-heading": "Switch View",
|
||||||
"default": "Default",
|
"default": "Default",
|
||||||
"workspace": "Workspace",
|
"workspace": "Workspace",
|
||||||
"minimal": "Minimal"
|
"minimal": "Minimal"
|
||||||
|
@ -431,8 +431,6 @@ export default {
|
|||||||
border-bottom-color: transparent!important;
|
border-bottom-color: transparent!important;
|
||||||
bottom: -11px;
|
bottom: -11px;
|
||||||
left: calc(50% - 5px);
|
left: calc(50% - 5px);
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0;
|
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
<IconSpanner @click="showEditor()" tabindex="-2"
|
<IconSpanner @click="showEditor()" tabindex="-2"
|
||||||
v-tooltip="tooltip($t('settings.config-launcher-tooltip'))" />
|
v-tooltip="tooltip($t('settings.config-launcher-tooltip'))" />
|
||||||
<IconViewMode @click="openChangeViewMenu()" tabindex="-2"
|
<IconViewMode @click="openChangeViewMenu()" tabindex="-2"
|
||||||
v-tooltip="tooltip($t('settings.config-launcher-tooltip'))" />
|
v-tooltip="tooltip($t('alternate-views.alternate-view-heading'))" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Modal containing all the configuration options -->
|
<!-- Modal containing all the configuration options -->
|
||||||
|
@ -12,6 +12,7 @@
|
|||||||
<IconPalette
|
<IconPalette
|
||||||
class="color-button"
|
class="color-button"
|
||||||
@click="openThemeConfigurator"
|
@click="openThemeConfigurator"
|
||||||
|
v-tooltip="$t('theme-maker.title')"
|
||||||
/>
|
/>
|
||||||
<CustomThemeMaker
|
<CustomThemeMaker
|
||||||
v-if="themeConfiguratorOpen"
|
v-if="themeConfiguratorOpen"
|
||||||
|
@ -89,3 +89,29 @@ html {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Overriding styles for tooltip component */
|
||||||
|
.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);
|
||||||
|
margin: 5px;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
border-style: solid;
|
||||||
|
position: absolute;
|
||||||
|
z-index: 3;
|
||||||
|
}
|
Loading…
x
Reference in New Issue
Block a user