holm/easydiffusion
1
0
Fork 0
forked from extern/easydiffusion
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Show tooltips on 'Copy Image Settings'

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/index.html
View File

@ -6,7 +6,7 @@
<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/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/modifier-thumbnails.css?v=3">
<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/main.js?v=8"></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>
async function init() {
await initSettings()

11
ui/media/css/main.css
View File

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