Skip to content

Commit baab2b6

Browse files
Fix
1 parent 4535e45 commit baab2b6

1 file changed

Lines changed: 77 additions & 0 deletions

File tree

nixos/admin-app/static/css/admin.css

Lines changed: 77 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1974,11 +1974,88 @@ input:focus {
19741974
gap: 0.7rem;
19751975
}
19761976

1977+
.recovery-history-group {
1978+
border: 1px solid rgb(var(--ln-border));
1979+
border-radius: 0.85rem;
1980+
background: rgb(var(--ln-surface));
1981+
overflow: hidden;
1982+
}
1983+
1984+
.recovery-history-toggle {
1985+
width: 100%;
1986+
display: flex;
1987+
align-items: center;
1988+
justify-content: space-between;
1989+
gap: 1rem;
1990+
padding: 0.9rem;
1991+
border-bottom: 1px solid rgb(var(--ln-border));
1992+
cursor: pointer;
1993+
text-align: left;
1994+
}
1995+
1996+
.recovery-history-heading {
1997+
display: flex;
1998+
align-items: center;
1999+
gap: 0.75rem;
2000+
min-width: 0;
2001+
}
2002+
2003+
.recovery-history-count {
2004+
color: rgb(var(--ln-muted));
2005+
font-family: 'JetBrains Mono', monospace;
2006+
font-size: 0.72rem;
2007+
text-transform: uppercase;
2008+
letter-spacing: 0.08em;
2009+
white-space: nowrap;
2010+
}
2011+
2012+
.recovery-history-chevron {
2013+
color: rgb(var(--ln-muted));
2014+
transition: transform 0.2s ease, color 0.2s ease;
2015+
flex-shrink: 0;
2016+
}
2017+
2018+
.recovery-history-chevron svg {
2019+
width: 1rem;
2020+
height: 1rem;
2021+
}
2022+
2023+
.recovery-history-preview {
2024+
position: relative;
2025+
padding: 0.9rem;
2026+
}
2027+
2028+
.recovery-history-fade {
2029+
display: none;
2030+
}
2031+
2032+
.recovery-history-group.is-collapsed .recovery-history-preview {
2033+
max-height: calc(9rem + 0.7rem);
2034+
overflow: hidden;
2035+
}
2036+
2037+
.recovery-history-group.is-collapsed .recovery-history-fade {
2038+
display: block;
2039+
position: absolute;
2040+
left: 0.9rem;
2041+
right: 0.9rem;
2042+
bottom: 0.9rem;
2043+
height: 2.25rem;
2044+
background: linear-gradient(180deg, rgb(var(--ln-surface) / 0), rgb(var(--ln-surface)) 82%);
2045+
pointer-events: none;
2046+
}
2047+
2048+
.recovery-history-group:not(.is-collapsed) .recovery-history-chevron {
2049+
transform: rotate(180deg);
2050+
color: rgb(var(--ln-pink));
2051+
}
2052+
19772053
.recovery-saved-row {
19782054
display: flex;
19792055
align-items: center;
19802056
justify-content: space-between;
19812057
gap: 1rem;
2058+
min-height: 4.5rem;
19822059
padding: 0.8rem 0.9rem;
19832060
border-radius: 0.85rem;
19842061
border: 1px solid rgb(var(--ln-border));

0 commit comments

Comments
 (0)