add tooltips to most UI elements

This commit is contained in:
Yeicor
2024-02-24 12:51:53 +01:00
parent 3795e512cc
commit cd5c2ca362
5 changed files with 34 additions and 20 deletions

View File

@@ -4,7 +4,7 @@ import {VExpansionPanel, VExpansionPanels, VExpansionPanelText, VExpansionPanelT
<template>
<v-expansion-panels>
<v-expansion-panel key="model-id" >
<v-expansion-panel key="model-id">
<v-expansion-panel-title>? F ? E ? V | Model Name</v-expansion-panel-title>
<v-expansion-panel-text>Content</v-expansion-panel-text>
</v-expansion-panel>
@@ -17,4 +17,14 @@ import {VExpansionPanel, VExpansionPanels, VExpansionPanelText, VExpansionPanelT
.v-expansion-panel-title--active + .v-expansion-panel-text {
display: flex !important;
}
</style>
<style>
.mdi-chevron-down, .mdi-menu-down { /* HACK: mdi is not fully imported, only required icons... */
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M7 10l5 5 5-5H7z"/></svg>');
}
.v-overlay--active > .v-overlay__content {
display: block !important; /* HACK: Fix buggy tooltips not showing? */
}
</style>