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

Sidebar redesign (#200)

Browse source 
* New sidebar

* Save state to local storage

* Make sidebar sticky

* Text overflow

* Fix add page button on mobile

* Mobile layout

* Display sidebar when ready

* Add logo

* Remove files

* Fix margin

* Update logo padding-bottom

* Hovers

* Decrease logo's font size

* Make logo not sticky

* Cleanup classnames

* Simplify css

* Update sidebar module

* Fix animation

* Fix cursor issue

* Fix vars and logo paddings
This commit is contained in:
Tanya 2022-06-16 21:37:37 +08:00 • committed by GitHub
parent 16ba86fddb
commit 30d96909d3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 531 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,6 +7,12 @@
font-size: 18px;
flex-wrap: wrap;
position: relative;
height: var(--layout-height-header);
box-sizing: border-box;
position: sticky;
top: 0;
background: white;
z-index: 10;
@media (--mobile){
line-height: 40px;
@ -60,25 +66,24 @@
}
}
&-add {
@media (--mobile) {
position: absolute;
right: 15px;
top: 15px;
line-height: 1em;
margin: 0 !important;
}
a {
li&-add {
flex-shrink: 0;
&--desktop {
@media (--mobile) {
font-size: 0;
padding: 0 4px;
margin-right: 0;
display: none;
}
}
.docs-button__icon {
&--mobile {
display: none;
@media (--mobile) {
margin-right: 0;
display: block;
position: absolute;
right: 15px;
top: 15px;
line-height: 1em;
}
}
}