From c4f7145677c7c444bb20abb06fb97cda455b88ec Mon Sep 17 00:00:00 2001 From: yzhe819 Date: Sat, 30 Jul 2022 17:44:12 +1200 Subject: [PATCH 1/5] fix: responsive operation --- src/style/_layout.scss | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/src/style/_layout.scss b/src/style/_layout.scss index 82110e0164c..17e66ac39dd 100644 --- a/src/style/_layout.scss +++ b/src/style/_layout.scss @@ -328,6 +328,14 @@ max-width: calc(100% - 110px - 15rem); } + @media (max-width: 640px) { + .opblock-summary-path + { + flex-shrink: 1; + max-width: 100%; + } + } + .opblock-summary-path__deprecated { text-decoration: line-through; From 0f6e80bce1d0d83ee7f997b3b64f2535a9904f0e Mon Sep 17 00:00:00 2001 From: yzhe819 Date: Sun, 31 Jul 2022 11:26:56 +1200 Subject: [PATCH 2/5] fix: responsive tag display --- src/style/_layout.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/src/style/_layout.scss b/src/style/_layout.scss index 17e66ac39dd..910a1e544df 100644 --- a/src/style/_layout.scss +++ b/src/style/_layout.scss @@ -106,6 +106,18 @@ flex: 1 1 150px; font-weight: 400; } + + @media (max-width: 640px) { + small + { + flex: 1; + } + + >div + { + flex: 1; + } + } } .parameter__type From ef6882652486394fa933fc03b191d104ca296dc6 Mon Sep 17 00:00:00 2001 From: yzhe819 Date: Sun, 31 Jul 2022 11:58:05 +1200 Subject: [PATCH 3/5] fix: responsive content type selector --- src/style/_form.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/style/_form.scss b/src/style/_form.scss index f649b35fabf..e46057296a7 100644 --- a/src/style/_form.scss +++ b/src/style/_form.scss @@ -34,6 +34,11 @@ select { min-width: 180px; } + @media (max-width: 640px) + { + width: 100%; + min-width: 100%; + } } label From 0e454b180cc3a1d8f1aee4508ffc4bba621eb2bc Mon Sep 17 00:00:00 2001 From: yzhe819 Date: Sun, 31 Jul 2022 12:11:56 +1200 Subject: [PATCH 4/5] fix: input display --- src/style/_table.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/style/_table.scss b/src/style/_table.scss index d3894d676cc..efda2e92beb 100644 --- a/src/style/_table.scss +++ b/src/style/_table.scss @@ -39,9 +39,9 @@ table @include text_code(); } - .header-example + .header-example { - color: #999; + color: #999; font-style: italic; } } @@ -91,7 +91,7 @@ table { width: 99%; // forces other columns to shrink to their content widths margin-bottom: 2em; - input[type=text] + input { width: 100%; max-width: 340px; From cb605687aa3badda615cb347d99fbaf0764ef667 Mon Sep 17 00:00:00 2001 From: yzhe819 Date: Sun, 31 Jul 2022 22:38:27 +1200 Subject: [PATCH 5/5] fix: width of server selector --- src/style/_authorize.scss | 3 ++- src/style/_servers.scss | 1 + 2 files changed, 3 insertions(+), 1 deletion(-) diff --git a/src/style/_authorize.scss b/src/style/_authorize.scss index 396dfe558d8..24fc09c144d 100644 --- a/src/style/_authorize.scss +++ b/src/style/_authorize.scss @@ -21,6 +21,7 @@ .authorize { padding-right: 20px; + margin-left: 10px; margin-right: 10px; } } @@ -68,7 +69,7 @@ background-color: #ffeeee; color: red; - + margin: 1em; @include text_code(); diff --git a/src/style/_servers.scss b/src/style/_servers.scss index ae99765fa29..fe53a549b88 100644 --- a/src/style/_servers.scss +++ b/src/style/_servers.scss @@ -12,6 +12,7 @@ { min-width: 130px; max-width: 100%; + width: 100%; } }