Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-03 12:35:23 +02:00
Code Issues Releases Activity

Increase content paddings (#257)

Browse source 
* Increase content paddings

* add margin to the page title
This commit is contained in:
Peter Savchenko 2022-09-13 17:08:07 +03:00 • committed by GitHub
parent a7e859bfd1
commit ceccd234cd
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 40 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -53,6 +53,7 @@
&__title {
@apply --text-content-title;
margin-bottom: 10px;
}
.cdx-marker {

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

@ -1,6 +1,15 @@
.docs-sidebar {
width: 100vw;
/* Bottom and Left coord of the "Hide Sidebar" toggler */
--hide-sidebar-toggler-offset: 11px;
--hide-sidebar-toggler-size: 28px;
@media (--widest-desktop) {
--hide-sidebar-toggler-offset: var(--layout-padding-horizontal);
--hide-sidebar-toggler-size: 32px;
}
&--animated {
.docs-sidebar__content {
transition: transform 200ms ease-in-out;
@ -21,7 +30,7 @@
}
.docs-sidebar__slider {
transform: translateX(20px);
transform: translateX(var(--hide-sidebar-toggler-offset));
svg {
transform: rotate(180deg);
@ -228,15 +237,16 @@
&__slider {
display: none;
position: fixed;
transform: translateX(calc(var(--layout-sidebar-width) + 20px));
bottom: 20px;
width: 32px;
height: 32px;
border-radius: 8px;
transform: translateX(calc(var(--layout-sidebar-width) + var(--hide-sidebar-toggler-offset)));
bottom: var(--hide-sidebar-toggler-offset);
width: var(--hide-sidebar-toggler-size);
height: var(--hide-sidebar-toggler-size);
cursor: pointer;
background-color: var(--color-link-hover);
z-index: 10;
@apply --squircle;
@media (--desktop) {
display: flex;
justify-content: center;