clone/logseq
1
0
Fork 0
mirror of https://github.com/logseq/logseq.git synced 2026-04-29 16:36:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

enhance(ui): make consistent ux for headbar of native ios on wide screen device (iPad)

Browse Source
This commit is contained in:
charlie
2021-12-21 15:21:46 +08:00
committed by Tienson Qin
parent 446671ac02
commit 9908e91222
2 changed files with 52 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/main/frontend/components/header.css
View File

@@ -189,10 +189,59 @@ html.is-ios.is-safari {
}
}
html.is-native-ios {
html.is-ios {
--ls-headbar-inner-top-padding: 36px;
.cp__header > .r {
display: flex;
}
@screen sm {
--ls-headbar-inner-top-padding: 0px;
--ls-headbar-height: 4rem;
.cp__header {
background-color: transparent !important;
display: flex;
width: 100%;
> .l {
background-color: var(--ls-primary-background-color);
padding-top: 20px;
}
> .r {
flex: 1;
background-color: var(--ls-primary-background-color);
height: 100%;
padding-top: 20px;
justify-content: flex-end;
align-items: center;
}
}
.ls-left-sidebar-open {
.cp__header {
> .l {
background-color: transparent;
}
}
}
.ls-right-sidebar-open {
.cp__header {
width: calc(100% - var(--ls-right-sidebar-width));
}
}
.left-sidebar-inner {
> .wrap {
padding-top: 70px;
}
}
.cp__right-sidebar {
margin-top: 8px;
}
}
}