diff options
| author | Marcin Aman <maman@virtuslab.com> | 2020-09-04 15:56:44 +0200 |
|---|---|---|
| committer | Paweł Marks <Kordyjan@users.noreply.github.com> | 2020-09-10 10:37:56 +0200 |
| commit | 79ab595fe44c3588ae07cd5130bb9d63d6085f07 (patch) | |
| tree | 9edd2bcade76bed6b41a3cac202414c590997e4b /plugins/base/frontend/src/main/components | |
| parent | 34dcd02073128ff8a6b924f82ffb5929fcd405d3 (diff) | |
| download | dokka-79ab595fe44c3588ae07cd5130bb9d63d6085f07.tar.gz dokka-79ab595fe44c3588ae07cd5130bb9d63d6085f07.tar.bz2 dokka-79ab595fe44c3588ae07cd5130bb9d63d6085f07.zip | |
Mobile improvements for different screen resolutions
Diffstat (limited to 'plugins/base/frontend/src/main/components')
| -rw-r--r-- | plugins/base/frontend/src/main/components/app/index.scss | 8 | ||||
| -rw-r--r-- | plugins/base/frontend/src/main/components/search/search.scss | 19 |
2 files changed, 25 insertions, 2 deletions
diff --git a/plugins/base/frontend/src/main/components/app/index.scss b/plugins/base/frontend/src/main/components/app/index.scss index da5042b1..601ddfa7 100644 --- a/plugins/base/frontend/src/main/components/app/index.scss +++ b/plugins/base/frontend/src/main/components/app/index.scss @@ -23,5 +23,11 @@ html, top: 0; right: 0; z-index: 8; - background-color: #f4f4f4 + background-color: #f4f4f4; +} + +@media screen and (max-width: 759px){ + .search-content { + margin: 0 8px; + } } diff --git a/plugins/base/frontend/src/main/components/search/search.scss b/plugins/base/frontend/src/main/components/search/search.scss index e42c2b4c..e7e7673d 100644 --- a/plugins/base/frontend/src/main/components/search/search.scss +++ b/plugins/base/frontend/src/main/components/search/search.scss @@ -12,7 +12,13 @@ } .popup-wrapper { - min-width: calc(100% - 360px) !important; + min-width: calc(100% - 360px) !important; +} + +@media screen and (max-width: 759px){ + .popup-wrapper { + min-width: 100% !important; + } } .template-wrapper { @@ -24,6 +30,17 @@ } } +@media screen and (max-width: 759px){ + .template-wrapper { + display: flex; + height: auto; + flex-direction: column; + span { + line-height: unset; + } + } +} + .template-name { justify-self: start; } |