Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-07-19 05:09:41 +02:00
Code Issues Releases Activity

fix(ui): broken sidebar, table of content and header on linux (#315)
Some checks are pending
Build and push Docker image / build (push) Waiting to run
Details
Release Drafter / update_release_draft (push) Waiting to run
Details

Browse source 
* move squircle to only to active and hover states

* fix hover

* fix squircle in header

* fix toc

* rm redundant line
This commit is contained in:
Peter Savchenko 2024-04-26 13:47:43 +03:00 • committed by GitHub
parent f78b9ecff5
commit 7f51a72bcb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 13 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/frontend/styles/components/header.pcss
View file

@ -40,8 +40,11 @@ html {
@media (--not-mobile) { @media (--not-mobile) {
padding: 4px 10px; padding: 4px 10px;
&:hover {
@apply --squircle; @apply --squircle;
} }
}
&:hover { &:hover {
background-color: var(--color-link-hover); background-color: var(--color-link-hover);

7
src/frontend/styles/components/sidebar.pcss
View file

@ -182,13 +182,16 @@
transition-property: background-color; transition-property: background-color;
transition-duration: 0.1s; transition-duration: 0.1s;
@apply --squircle;
&--selected { &--selected {
border-radius: 8px; border-radius: 8px;
/* border using box-shadow which doesn't increase the height */ /* border using box-shadow which doesn't increase the height */
box-shadow: 0 0 0 2px rgba(147, 166, 233, 0.5) inset; box-shadow: 0 0 0 2px rgba(147, 166, 233, 0.5) inset;
} }
&--active,
&:hover {
@apply --squircle;
}
} }
&__section-title > span, &__section-title > span,

3
src/frontend/styles/components/table-of-content.pcss
View file

@ -31,7 +31,10 @@
gap: 2px; gap: 2px;
&-item { &-item {
&:hover,
&--active {
@apply --squircle; @apply --squircle;
}
&:hover { &:hover {
background-color: var(--color-link-hover); background-color: var(--color-link-hover);