diff --git a/public/admin/index.html b/public/admin/index.html index 7143bdb..3123e9d 100644 --- a/public/admin/index.html +++ b/public/admin/index.html @@ -9,6 +9,7 @@ + diff --git a/public/admin/mobile-overrides.css b/public/admin/mobile-overrides.css new file mode 100644 index 0000000..4de2321 --- /dev/null +++ b/public/admin/mobile-overrides.css @@ -0,0 +1,107 @@ +@media (max-width: 799px) { + /* Bring Any Dropdown To Center Of Page */ + [class*=DropdownList]{ + position: fixed; + min-width: 20%; + width: 90%; + margin: auto; + height: fit-content; + top: auto; + left: 0; + right: 0; + bottom: 10px; + background: #e6f4fd; + border: 2px solid #3a69c7; + } + /* Add Overflow To Modal Window */ + [class*=StyledModal]{ + width: 90dvw; + width: 90%; + } + [class*=LibraryTitle]{ + display: none; + } + [class*=CollectionTopNewButton]{ + padding: 0px 10px !important; + height: auto; + } + [class*=LibraryTop]{ + overflow-x: auto; + height: fit-content; + padding-bottom: 10px; + } + /* Hide Blog Post Title From Navbar */ + [class*=BackCollection]{ + display: none; + } + /* Add Padding To Control Pane */ + [class*=ControlPaneContainer] { + padding: 0px 10px; + } + /* Rest As Per: Searl's Code*/ + [class*=BackCollection], [class*=BackStatus] { + font-size: .6rem; + } + [class*=AppHeaderContent], [class*=AppMainContainer] { + margin-right: 0; + margin-left: 0; + min-width: calc(100vw - 24px); + max-width: 100vw; + } + [class*=AppHeaderContent] { + display: flex; + justify-content: space-between; + } + [class*=AppHeaderQuickNewButton] { + width: 100%; + } + [class*=AppHeaderButton] { + padding-left: 4px; + padding-right: 4px; + } + [class*=EditorContainer], [class*=ToolbarContainer] { + min-width: initial; + overflow-x: auto; + } + [class*=ToolbarSubSectionFirst] { + display: flex; + flex-direction: column; + } + [class*=PublishedToolbarButton] { + padding: 0 8px; + } + [class*=PublishedToolbarButton]::after { + display: none; + } + [class*=ToolbarSubSectionFirst] { + flex-direction: row; + } + [class*=SearchInput] { + margin-top: 5px; + } + [class*=ViewControls] { + position: initial; + } + [class*=PreviewPaneContainer-ControlPaneContainer] { + padding: 0; + } + [class*=ControlPaneContainer] { + max-width: 100vw; + } + [class*=EditorControlBar] [class*=ToolbarContainer] { + display: flex; + flex-direction: column; + } + [class*=CollectionContainer] { + display: flex; + flex-direction: column; + } + [class*=SidebarContainer] { + position: initial; + width: initial; + } + [class*=CollectionMain] { + padding-left: 0; + margin-top: 20px; + } +}