aboutsummaryrefslogtreecommitdiffstats
path: root/core/css/mobile.css
diff options
context:
space:
mode:
Diffstat (limited to 'core/css/mobile.css')
-rw-r--r--core/css/mobile.css172
1 files changed, 7 insertions, 165 deletions
diff --git a/core/css/mobile.css b/core/css/mobile.css
index b0f8421345c..917982e6af7 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -1,165 +1,7 @@
-@media only screen and (max-width: 768px) {
-
-#body-login #header {
- padding-top: 10px;
-}
-
-#body-login .wrapper {
- display: -webkit-box;
- -webkit-box-orient: horizontal;
- -webkit-box-pack: center;
- -webkit-box-align: center;
-
- display: -webkit-flex;
- -webkit-flex-direction: row;
- -webkit-align-self: center;
- -webkit-align-items: center;
-
- display: -moz-box;
- -moz-box-orient: horizontal;
- -moz-box-pack: center;
- -moz-box-align: center;
-
- display: -ms-flexbox;
- -ms-flex-direction: row;
- -ms-flex-pack: center;
- -ms-flex-align: center;
-
- display: flex;
- flex-direction: row;
- align-self: center;
- align-items: center;
-}
-
-/* on mobile public share, show only the icon of the logo, hide the text */
-#body-public #header .header-appname-container {
- display: none;
-}
-
-/* do not show update notification on mobile */
-#update-notification {
- display: none !important;
-}
-
-/* position share dropdown */
-#dropdown {
- margin-right: 10% !important;
- width: 80% !important;
-}
-
-/* fix name autocomplete not showing on mobile */
-.ui-autocomplete {
- z-index: 1000 !important;
-}
-
-/* fix error display on smaller screens */
-.error-wide {
- width: 100%;
- margin-left: 0 !important;
- box-sizing: border-box;
-}
-
-
-/* APP SIDEBAR TOGGLE and SWIPE ----------------------------------------------*/
-
-#app-navigation,
-#app-content {
- position: absolute !important;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
-}
-
-#app-navigation {
- width: 250px !important;
-}
-
-#app-content {
- width: 100% !important;
- left: 0 !important;
- background-color: #fff;
- overflow-x: hidden !important;
- z-index: 1000;
-}
-
-/* allow horizontal scrollbar in settings
- otherwise user management is not usable on mobile */
-#body-settings #app-content {
- overflow-x: auto !important;
-}
-
-#app-navigation-toggle {
- position: fixed;
- display: inline-block !important;
- top: 45px;
- left: 0;
- width: 44px;
- height: 44px;
- z-index: 149;
- background-color: rgba(255, 255, 255, .7);
- cursor: pointer;
- opacity: .6;
-}
-#app-navigation-toggle:hover,
-#app-navigation-toggle:focus {
- opacity: 1;
-}
-
-
-/* controls bar for mobile */
-#controls {
- min-width: initial !important;
- left: 0 !important;
- padding-left: 0;
-}
-/* position controls for apps with app-navigation */
-#app-navigation+#app-content #controls {
- padding-left: 44px;
-}
-
-/* .viewer-mode is when text editor, PDF viewer, etc is open */
-#body-user .app-files.viewer-mode #controls {
- padding-left: 0 !important;
-}
-.app-files.viewer-mode #app-navigation-toggle {
- display: none !important;
-}
-
-table.multiselect thead {
- left: 0 !important;
-}
-
-
-/* prevent overflow in user management controls bar */
-#usersearchform {
- display: none;
-}
-#body-settings #controls {
- min-width: 768px !important;
-}
-
-
-/* do not show dates in filepicker */
-#oc-dialog-filepicker-content .filelist .filesize,
-#oc-dialog-filepicker-content .filelist .date {
- display: none;
-}
-#oc-dialog-filepicker-content .filelist .filename {
- max-width: 80%;
-}
-
-
-/* fix controls bar jumping when navigation is slid out */
-.snapjs-left #app-navigation-toggle,
-.snapjs-left #controls {
- top: 0;
-}
-.snapjs-left table.multiselect thead {
- top: 44px;
-}
-
-
-
-/* end of media query */
-}
+/*!
+ * SPDX-FileCopyrightText: 2017 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ *//*!
+ * SPDX-FileCopyrightText: 2018 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */@media only screen and (width < 1024px){#dropdown{margin-inline-end:10% !important;width:80% !important}.ui-autocomplete{z-index:1000 !important}.error-wide{width:100%;margin-inline-start:0 !important;box-sizing:border-box}#app-navigation:not(.vue){transform:translateX(-300px);position:fixed;height:var(--body-height)}.snapjs-left #app-navigation{transform:translateX(0)}#app-navigation:not(.hidden)+#app-content{margin-inline-start:0}.skip-navigation.skip-content{inset-inline-start:3px;margin-inline-start:0}.app-content-list{background:var(--color-main-background);flex:1 1 100%;max-height:unset;max-width:100%}.app-content-list+.app-content-details{display:none}.app-content-list.showdetails{display:none}.app-content-list.showdetails+.app-content-details{display:initial}#app-content.showdetails #app-navigation-toggle{transform:translateX(-44px)}#app-content.showdetails #app-navigation-toggle-back{position:fixed;display:inline-block !important;top:50px;inset-inline-start:0;width:44px;height:44px;z-index:1050;background-color:hsla(0,0%,100%,.7);cursor:pointer;opacity:.6;transform:rotate(90deg)}#app-content.showdetails .app-content-list{transform:translateX(-100%)}#app-navigation-toggle{position:fixed;display:inline-block !important;inset-inline-start:0;width:44px;height:44px;z-index:1050;cursor:pointer;opacity:.6}#app-navigation-toggle:hover,#app-navigation-toggle:focus{opacity:1}#app-navigation+#app-content .files-controls{padding-inline-start:44px}#body-user .app-files.viewer-mode .files-controls{padding-inline-start:0 !important}.app-files.viewer-mode #app-navigation-toggle{display:none !important}table.multiselect thead{inset-inline-start:0 !important}#usersearchform{display:none}#body-settings .files-controls{min-width:1024px !important}}@media only screen and (max-width: 480px){#header .header-end>div>.menu{max-width:calc(100vw - 10px);position:fixed}#header .header-end>div>.menu::after{display:none !important}#header .header-end>div.openedMenu::after{display:block}#header .header-end>div::after{border:10px solid rgba(0,0,0,0);border-bottom-color:var(--color-main-background);bottom:0;content:" ";height:0;width:0;position:absolute;pointer-events:none;inset-inline-end:15px;z-index:2001;display:none}#header .header-end>div#settings::after{inset-inline-end:27px}}/*# sourceMappingURL=mobile.css.map */