mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-21 21:52:25 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

adjust look of account button

Browse source
This commit is contained in:
Til Schmitter 2026-04-15 23:30:41 +02:00
parent fb5430df37
commit 91dd093206
2 changed files with 32 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
copyparty/web/browser.css
View file

@ -4472,30 +4472,24 @@ html.e #detree {
} }
.popup_button { .popup_button {
border-radius: .3em; border-radius: .3em;
background: var(--btn-1-bg);
cursor: pointer;
padding: 0;
margin: 0; margin: 0;
display: flex;
justify-content:space-between;
color: var(--btn-1-fg); color: var(--btn-1-fg);
text-align: left; text-align: left;
text-shadow: none; text-shadow: none;
} }
.popup_button p{ #acc_button p{
margin: .2em .3em; margin: 0;
align-self: center; align-self: center;
} }
#acc_settings{ #acc_button {
background: var(--a); margin: 0;
position: absolute; cursor: pointer;
align-self: end; display: flex;
right: 0;
bottom: 0;
font-size: medium;
} }
#acc_settings:hover{ #acc_settings{
background: var(--btn-h-bg); margin: 0 0 0 .3em;
font-size: large;
padding: .3em;
} }
.popup.show { .popup.show {
@ -4505,18 +4499,18 @@ html.e #detree {
} }
.popup { .popup {
visibility: hidden; visibility: hidden;
width: fit-content; width: fit-content;
background-color: var(--bg-u5); background-color: var(--bg-u5);
border: 1px solid var(--bg-u3); border: 1px solid var(--bg-u3);
box-shadow: 0 0 2px var(--txt-sh); box-shadow: 0 0 2px var(--txt-sh);
text-align: center; text-align: center;
border-radius: .3em; border-radius: .3em;
padding: .5em; padding: .5em;
position: absolute; position: absolute;
display: block; display: block;
z-index: 6; z-index: 6;
bottom: 2.5em; bottom: 2.5em;
} }
.under::after { .under::after {
display: none; display: none;
@ -4541,14 +4535,14 @@ html.e #detree {
/* Popup arrow */ /* Popup arrow */
.popup::after { .popup::after {
content: ""; content: "";
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 50%; left: 50%;
margin-left: -5px; margin-left: -5px;
border-width: 5px; border-width: 5px;
border-style: solid; border-style: solid;
border-color: var(--bg-u5) transparent transparent transparent; border-color: var(--bg-u5) transparent transparent transparent;
} }
.overlay_plus{ .overlay_plus{

6
copyparty/web/browser.html
View file

@ -156,11 +156,11 @@
<input id="blogout" type="submit" /> <input id="blogout" type="submit" />
</form> </form>
</span> </span>
<div style="display: inline;"> <div style="display: grid; grid-template-columns: auto max-content;">
<div id="acc_button" class="popup_button btn"> <div id="acc_button" class="tgl btn on">
<p id="acc_name"></p> <p id="acc_name"></p>
</div> </div>
<a id="acc_settings" href="#v=cfg" class="btn" data-dest="cfg">⚙️</a> <a id="acc_settings" href="#v=cfg" class="tgl btn on" data-dest="cfg">⚙️</a>
</div> </div>
</div> </div>