adjusted add button to be dropdown

This commit is contained in:
stitch 2024-08-16 14:58:24 +03:00
parent 1451649ab8
commit 8c49585c49
2 changed files with 20 additions and 5 deletions

View File

@ -212,6 +212,7 @@ h1, h2, h3, h4, h5, h6 {
.btnMain.dropdownMainBtn { .btnMain.dropdownMainBtn {
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-between;
height: 100%;
} }
.dropdown-menu.dropdownMainMenu { .dropdown-menu.dropdownMainMenu {
@ -220,7 +221,7 @@ h1, h2, h3, h4, h5, h6 {
border-radius: 4px; border-radius: 4px;
padding: 5px 5px 0px 5px; padding: 5px 5px 0px 5px;
margin: 3px 0 0 0!important; margin: 3px 0 0 0!important;
box-shadow: 0 0 4px 0 rgb(0,0,0,0.1); box-shadow: 0 0 4px 0 rgb(0,0,0,0.25);
width: 100%; width: 100%;
} }
@ -233,6 +234,10 @@ h1, h2, h3, h4, h5, h6 {
font-size: 14px; font-size: 14px;
margin: 0 0 5px 0; margin: 0 0 5px 0;
padding: 5px 10px; padding: 5px 10px;
display: flex;
flex-direction: row;
align-items: center;
grid-gap: 10px;
} }
.dropdown-item.dropdownMainMenuItem:hover { .dropdown-item.dropdownMainMenuItem:hover {

View File

@ -354,10 +354,20 @@
<div class="filesPageSecSidesWrap"> <div class="filesPageSecSidesWrap">
<div class="filesPageSecSidesSec filesPageSecSidesSecAlt"> <div class="filesPageSecSidesSec filesPageSecSidesSecAlt">
<div class="filesPageSecSidesSecAlt_Users"> <div class="filesPageSecSidesSecAlt_Users">
<div class="filesPageSecSidesSecAlt_UsersTop"><input type="text" class="inputMain" placeholder="User"><button class="btnMain" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon"> <div class="filesPageSecSidesSecAlt_UsersTop"><input type="text" class="inputMain" placeholder="User">
<div class="dropstart dropdownMain"><button aria-expanded="false" data-bs-toggle="dropdown" class="btnMain dropdownMainBtn" type="button"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="btnMainIcon">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --> <!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path> <path d="M432 256c0 17.69-14.33 32.01-32 32.01H256v144c0 17.69-14.33 31.99-32 31.99s-32-14.3-32-31.99v-144H48c-17.67 0-32-14.32-32-32.01s14.33-31.99 32-31.99H192v-144c0-17.69 14.33-32.01 32-32.01s32 14.32 32 32.01v144h144C417.7 224 432 238.3 432 256z"></path>
</svg></button></div> </svg></button>
<div class="dropdown-menu dropdownMainMenu"><a class="dropdown-item dropdownMainMenuItem" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M362.7 19.32C387.7-5.678 428.3-5.678 453.3 19.32L492.7 58.75C517.7 83.74 517.7 124.3 492.7 149.3L444.3 197.7L314.3 67.72L362.7 19.32zM421.7 220.3L188.5 453.4C178.1 463.8 165.2 471.5 151.1 475.6L30.77 511C22.35 513.5 13.24 511.2 7.03 504.1C.8198 498.8-1.502 489.7 .976 481.2L36.37 360.9C40.53 346.8 48.16 333.9 58.57 323.5L291.7 90.34L421.7 220.3z"></path>
</svg>Signer</a><a class="dropdown-item dropdownMainMenuItem" href="#"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -32 576 576" width="1em" height="1em" fill="currentColor">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path d="M279.6 160.4C282.4 160.1 285.2 160 288 160C341 160 384 202.1 384 256C384 309 341 352 288 352C234.1 352 192 309 192 256C192 253.2 192.1 250.4 192.4 247.6C201.7 252.1 212.5 256 224 256C259.3 256 288 227.3 288 192C288 180.5 284.1 169.7 279.6 160.4zM480.6 112.6C527.4 156 558.7 207.1 573.5 243.7C576.8 251.6 576.8 260.4 573.5 268.3C558.7 304 527.4 355.1 480.6 399.4C433.5 443.2 368.8 480 288 480C207.2 480 142.5 443.2 95.42 399.4C48.62 355.1 17.34 304 2.461 268.3C-.8205 260.4-.8205 251.6 2.461 243.7C17.34 207.1 48.62 156 95.42 112.6C142.5 68.84 207.2 32 288 32C368.8 32 433.5 68.84 480.6 112.6V112.6zM288 112C208.5 112 144 176.5 144 256C144 335.5 208.5 400 288 400C367.5 400 432 335.5 432 256C432 176.5 367.5 112 288 112z"></path>
</svg>Viewer</a></div>
</div>
</div>
<div class="filesPageSecSidesSecAlt_UsersBottomInside"> <div class="filesPageSecSidesSecAlt_UsersBottomInside">
<div class="filesPageSecSidesSecAlt_UsersBottomInsideUser"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecAlt_UsersBottomInsideUserPicHandle"> <div class="filesPageSecSidesSecAlt_UsersBottomInsideUser"><svg xmlns="http://www.w3.org/2000/svg" viewBox="-32 0 512 512" width="1em" height="1em" fill="currentColor" class="filesPageSecSidesSecAlt_UsersBottomInsideUserPicHandle">
<!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --> <!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->