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

Added page navigation (#209)

Browse source 
* Added navigation on page

* Removed useless log, added docs to navigator component

* Fixed duplicated variables, some changes in navigation functions, changed pages.twig and navigator.twig

* Added flatArray model, changed navigation functions

* Replaced page footer style to page.pcss

* Fixed generating flat array, when pages remove

* Removed useless generating

* Renamed flatArray model to pagesFlatArray, updated descriptions, renamed generate to regenerate, removed hardcoded key name in cache

* Changed styles naming and added margin for navigation

* Added ability to change nesting in flat array, fixed BEM

* Updated nesting parameter, fixed BEM

* Changed navigator component by passing objects, removed navigator wrapper

* Style navigator renamed to navigator__item

* Update src/backend/models/pagesFlatArray.ts

Co-authored-by: Peter Savchenko <specc.dev@gmail.com>

* Renamed navigator__item to navigator_item

* Deleted wrappers from navigator buttons, removed page__footer

Co-authored-by: Peter Savchenko <specc.dev@gmail.com>
This commit is contained in:
slaveeks 2022-08-02 17:38:02 +03:00 • committed by GitHub
parent 213f9d89a3
commit 70f89f28da
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 352 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

42
src/frontend/styles/components/navigator.pcss Normal file
View file

@ -0,0 +1,42 @@
.navigator {
display: flex;
}
.navigator__item {
margin-top: 35px;
cursor: pointer;
-webkit-user-select: none;
display: flex;
flex-direction: column;
justify-content: space-between;
background-color: var(--color-link-hover);
border-radius: 10px;
padding: 12px 16px 12px 16px;
color: black;
width: max-content;
font-weight: 500;
font-size: 14px;
&--previous {
align-items: flex-start;
margin-left: 0;
}
&--next {
align-items: flex-end;
margin-left: auto;
}
&-direction {
text-transform: capitalize;
color: var(--color-direction-navigation);
font-size: 12px;
font-weight: 400;
}
&-label {
width: 100%;
}
}

1
src/frontend/styles/components/page.pcss
View file

@ -496,3 +496,4 @@
}
}
}