mirror of
https://github.com/dgtlmoon/changedetection.io.git
synced 2026-08-28 17:17:14 +00:00
dgtlmoon
e51ff34c89
Build and push containers / metadata (push) Has been cancelled
Build and push containers / build-push-containers (push) Has been cancelled
Publish Python 🐍distribution 📦 to PyPI and TestPyPI / Build distribution 📦 (push) Has been cancelled
Publish Python 🐍distribution 📦 to PyPI and TestPyPI / Test the built package works basically. (push) Has been cancelled
Publish Python 🐍distribution 📦 to PyPI and TestPyPI / Publish Python 🐍 distribution 📦 to PyPI (push) Has been cancelled
ChangeDetection.io App Test / lint-code (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-10 (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-11 (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-12 (push) Has been cancelled
ChangeDetection.io App Test / test-application-3-13 (push) Has been cancelled
ChangeDetection.io Container Build Test / Build linux/amd64 (alpine) (push) Has been cancelled
ChangeDetection.io Container Build Test / Build linux/arm64 (alpine) (push) Has been cancelled
ChangeDetection.io Container Build Test / Build linux/amd64 (main) (push) Has been cancelled
ChangeDetection.io Container Build Test / Build linux/arm/v7 (main) (push) Has been cancelled
ChangeDetection.io Container Build Test / Build linux/arm/v8 (main) (push) Has been cancelled
ChangeDetection.io Container Build Test / Build linux/arm64 (main) (push) Has been cancelled
70 lines
1.2 KiB
SCSS
70 lines
1.2 KiB
SCSS
#language-selector-flag {
|
|
display: inline-block;
|
|
width: 1.2em;
|
|
height: 1.2em;
|
|
vertical-align: middle;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
opacity: 0.6;
|
|
&:hover {
|
|
opacity: 1.0;
|
|
}
|
|
}
|
|
|
|
|
|
// Language Selector Modal Styles
|
|
.language-list {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
padding: 0.5rem 0;
|
|
}
|
|
|
|
.language-option {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 1rem;
|
|
padding: 0.25rem;
|
|
border-radius: 4px;
|
|
transition: background-color 0.2s ease;
|
|
text-decoration: none;
|
|
color: var(--color-text);
|
|
border: 1px solid transparent;
|
|
|
|
&:hover {
|
|
background-color: var(--color-background-menu-link-hover);
|
|
border-color: var(--color-border-table-cell);
|
|
}
|
|
|
|
&.active {
|
|
background-color: var(--color-link);
|
|
color: var(--color-text-button);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.flag {
|
|
font-size: 1.5rem;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.language-name {
|
|
flex-grow: 1;
|
|
font-size: 1rem;
|
|
}
|
|
}
|
|
|
|
#language-modal {
|
|
.language-list {
|
|
.lang-option {
|
|
display: inline-block;
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
vertical-align: middle;
|
|
margin-right: 0.5em;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
}
|
|
|