gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-10-05 16:42:47 +00:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

style dropdown

Browse Source
This commit is contained in:
ChaosExAnima 2025-09-12 19:09:05 +02:00
parent 40894760d1
commit a3cf9c669d
No known key found for this signature in database
GPG Key ID: 8F2B333100FB6117
1 changed files with 41 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/javascript/mastodon/features/donate/donate_modal.scss
View File

@ -1,3 +1,5 @@
@use '../../../styles/mastodon/variables' as vars;
.donate_modal {
.dialog-modal__header {
gap: 1rem;
@ -53,6 +55,45 @@
}
}
&__dropdown {
// TODO: Move these to CSS variables
--dropdown-text-color: #{vars.$primary-text-color};
--dropdown-active-color: #{vars.$ui-highlight-color};
box-shadow: var(--dropdown-shadow);
background: var(--dropdown-background-color);
backdrop-filter: #{vars.$backdrop-blur-filter};
border: 1px solid var(--dropdown-border-color);
padding: 4px;
border-radius: 4px;
overflow: hidden;
}
&__option {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
padding: 8px 12px;
cursor: pointer;
display: flex;
align-items: center;
gap: 12px;
border-radius: 4px;
color: var(--dropdown-text-color);
&:hover,
&:active {
background: var(--dropdown-border-color);
}
&:focus,
&.active {
background: var(--dropdown-active-color);
color: var(--dropdown-text-color);
outline: 0;
}
}
.title {
flex-grow: 1;
}