Show tooltips on 'Copy Image Settings'

This commit is contained in:
cmdr2 2022-11-08 17:40:47 +05:30
parent b1cf7391ce
commit e2a9e81dbc
2 changed files with 8 additions and 7 deletions

View File

@ -6,7 +6,7 @@
<link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/media/images/favicon-32x32.png" sizes="32x32">
<link rel="stylesheet" href="/media/css/fonts.css?v=1"> <link rel="stylesheet" href="/media/css/fonts.css?v=1">
<link rel="stylesheet" href="/media/css/themes.css?v=1"> <link rel="stylesheet" href="/media/css/themes.css?v=1">
<link rel="stylesheet" href="/media/css/main.css?v=5"> <link rel="stylesheet" href="/media/css/main.css?v=6">
<link rel="stylesheet" href="/media/css/auto-save.css?v=3"> <link rel="stylesheet" href="/media/css/auto-save.css?v=3">
<link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=3"> <link rel="stylesheet" href="/media/css/modifier-thumbnails.css?v=3">
<link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1"> <link rel="stylesheet" href="/media/css/fontawesome-all.min.css?v=1">
@ -280,7 +280,7 @@
<script src="media/js/auto-save.js?v=4"></script> <script src="media/js/auto-save.js?v=4"></script>
<script src="media/js/main.js?v=8"></script> <script src="media/js/main.js?v=8"></script>
<script src="media/js/themes.js?v=3"></script> <script src="media/js/themes.js?v=3"></script>
<script src="media/js/dnd.js?v=3"></script> <script src="media/js/dnd.js?v=4"></script>
<script> <script>
async function init() { async function init() {
await initSettings() await initSettings()

View File

@ -570,13 +570,13 @@ input::file-selector-button {
padding: 0px !important; padding: 0px !important;
margin: 24px !important; margin: 24px !important;
} }
#reset-image-settings .simple-tooltip.right { .simple-tooltip.right {
right: initial; right: initial;
left: 0px; left: 0px;
top: 50%; top: 50%;
transform: translate(calc(-100% + 15%), -50%); transform: translate(calc(-100% + 15%), -50%);
} }
:hover > #reset-image-settings .simple-tooltip.right { :hover > .simple-tooltip.right {
transform: translate(100%, -50%); transform: translate(100%, -50%);
} }
} }
@ -589,11 +589,12 @@ input::file-selector-button {
position: relative; position: relative;
transform: translateY(-13%); transform: translateY(-13%);
} }
#copy-image-settings { #copy-image-settings {
position: relative;
cursor: pointer; cursor: pointer;
padding: 8px; padding: 8px;
opacity: 1; opacity: 1;
transition: opacity 0.5; transition: opacity 0.2;
} }
.collapsible:not(.active) #copy-image-settings { .collapsible:not(.active) #copy-image-settings {
display: none; display: none;
@ -606,7 +607,7 @@ input::file-selector-button {
.simple-tooltip { .simple-tooltip {
border-radius: 3px; border-radius: 3px;
font-weight: bold; font-weight: bold;
font-size: 16px; font-size: 12px;
background-color: var(--background-color3); background-color: var(--background-color3);
visibility: hidden; visibility: hidden;