update donate button to make sure it is still contained within tab-content
All checks were successful
Static / build (push) Successful in 1s

This commit is contained in:
brooke 2024-11-03 10:08:36 -05:00
parent 12a1414d8a
commit 70502c5843
2 changed files with 30 additions and 12 deletions

View file

@ -56,6 +56,22 @@
If you're interested in getting our help or just want to chat, send us a message through our contact email If you're interested in getting our help or just want to chat, send us a message through our contact email
on the next tab.<br><br> on the next tab.<br><br>
ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧</p> ദ്ദി { ˉ͈̀꒳ˉ͈́ }✧</p>
<div class="bullet-text">
<a href="https://coop.myco.systems" target="_blank">Blog<svg class="text-icon" viewBox="0 0 512 512">
<path
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
</svg></a>
<a href="https://web.myco.systems" target="_blank">Contract us!<svg class="text-icon" viewBox="0 0 512 512">
<path
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
</svg></a>
<a href="https://git.myco.systems/explore/repos" target="_blank">Source<svg class="text-icon"
viewBox="0 0 512 512">
<path
d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" />
</svg></a>
</div>
<a class="btn" href="#open-modal">donate</a>
<div id="open-modal" class="modal-window"> <div id="open-modal" class="modal-window">
<div> <div>
<a href="#" title="Close" class="modal-close">×</a> <a href="#" title="Close" class="modal-close">×</a>
@ -75,7 +91,6 @@
</div> </div>
</div> </div>
</div> </div>
<a class="btn" href="#open-modal">donate</a>
<div class="tab-content"> <div class="tab-content">
<p>Send us a cool message and we'll get back to you d-(´▽`)-b</p><br> <p>Send us a cool message and we'll get back to you d-(´▽`)-b</p><br>

View file

@ -174,6 +174,10 @@ ul.custom-bullet li::before {
padding: 1rem; padding: 1rem;
} }
.tab-content:has(a.btn) {
padding-bottom: 2.5rem;
}
.tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label, .tabbed [type="radio"]:nth-of-type(1):checked~.tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label, .tabbed [type="radio"]:nth-of-type(2):checked~.tabs .tab:nth-of-type(2) label,
.tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label, .tabbed [type="radio"]:nth-of-type(3):checked~.tabs .tab:nth-of-type(3) label,
@ -204,8 +208,8 @@ ul.custom-bullet li::before {
.bullet-text { .bullet-text {
font-size: var(--primary-text-size); font-size: var(--primary-text-size);
text-align: left; text-align: left;
z-index: 2;
position: relative; position: relative;
padding-top: 1rem;
} }
.tab-content a[href]:hover { .tab-content a[href]:hover {
@ -240,14 +244,6 @@ ul {
padding-left: 1rem !important; padding-left: 1rem !important;
} }
.links {
padding-left: 0;
}
.links a {
text-decoration-skip: spaces;
}
.dashboard { .dashboard {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -276,6 +272,11 @@ a {
align-items: center; align-items: center;
} }
.bullet-text a {
justify-content: left;
align-items: left;
}
.modal-window { .modal-window {
position: fixed; position: fixed;
background-color: rgba(0, 0, 0, 0.45); background-color: rgba(0, 0, 0, 0.45);
@ -350,12 +351,14 @@ a {
.btn { .btn {
background-color: #241917; background-color: #241917;
padding: 0.25rem 0.25rem; padding: 0.35rem 0.75rem;
border-top: 4px solid #9a756c; border-top: 4px solid #9a756c;
border-right: 4px solid #9a756c; border-right: 4px solid #9a756c;
text-decoration: none; text-decoration: none;
font-size: 10px; font-size: 10px;
width: 4rem; position: absolute;
bottom: 0;
left: 0;
} }
.btn:hover { .btn:hover {