greatbody
/
logseq
mirror of https://github.com/logseq/logseq
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(ios): status bar overlay

pull/3360/head
leizhe 2021-11-22 17:25:50 +08:00
parent 6434fa8e7e
commit d6129e4fa0
1 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/main/frontend/components/sidebar.cljs
View File

@ -34,7 +34,6 @@
[frontend.components.widgets :as widgets] [frontend.components.widgets :as widgets]
[frontend.mobile.util :as mobile-util])) [frontend.mobile.util :as mobile-util]))
(defn nav-item (defn nav-item
[title href svg-d active? close-modal-fn] [title href svg-d active? close-modal-fn]
[:a.mb-1.group.flex.items-center.pl-4.py-2.text-base.leading-6.font-medium.hover:text-gray-200.transition.ease-in-out.duration-150.nav-item [:a.mb-1.group.flex.items-center.pl-4.py-2.text-base.leading-6.font-medium.hover:text-gray-200.transition.ease-in-out.duration-150.nav-item
@ -286,6 +285,8 @@
(ui/icon "circle-plus mr-3" {:style {:font-size 20}}) (ui/icon "circle-plus mr-3" {:style {:font-size 20}})
[:span.flex-1 "New page"]])]]])))) [:span.flex-1 "New page"]])]]]))))
(def main-content-position (if (mobile-util/native-ios?) "48px" "0px"))
(rum/defc sidebar-mobile-sidebar < rum/reactive (rum/defc sidebar-mobile-sidebar < rum/reactive
[{:keys [open? left-sidebar-open? close-fn route-match]}] [{:keys [open? left-sidebar-open? close-fn route-match]}]
[:div.md:hidden.ls-mobile-left-sidebar [:div.md:hidden.ls-mobile-left-sidebar
@ -299,7 +300,8 @@
{:class (if @open? {:class (if @open?
"translate-x-0" "translate-x-0"
"-translate-x-full") "-translate-x-full")
:style {:max-width "50vw"}} :style {:max-width "50vw"
:top main-content-position}}
(when @open? (when @open?
[:div.cp__header#head [:div.cp__header#head
[:div.l.flex [:div.l.flex
@ -332,7 +334,8 @@
mobile? (util/mobile?)] mobile? (util/mobile?)]
(rum/with-context [[t] i18n/*tongue-context*] (rum/with-context [[t] i18n/*tongue-context*]
[:div#main-content.cp__sidebar-main-layout.flex-1.flex [:div#main-content.cp__sidebar-main-layout.flex-1.flex
{:class (util/classnames [{:is-left-sidebar-open left-sidebar-open?}])} {:class (util/classnames [{:is-left-sidebar-open left-sidebar-open?}])
:style {:top main-content-position}}
;; desktop left sidebar layout ;; desktop left sidebar layout
(when-not mobile? (when-not mobile?
@ -559,7 +562,7 @@
:close-fn close-fn :close-fn close-fn
:route-match route-match}) :route-match route-match})
[:div.#app-container.h-screen.flex [:div.#app-container.h-screen.flex {:style {:top main-content-position}}
[:div.flex-1.h-full.flex.flex-col#left-container.relative [:div.flex-1.h-full.flex.flex-col#left-container.relative
{:class (if (state/sub :ui/sidebar-open?) "overflow-hidden" "w-full")} {:class (if (state/sub :ui/sidebar-open?) "overflow-hidden" "w-full")}
(header/header {:open-fn open-fn (header/header {:open-fn open-fn