From c90e5623677541407bc8c7d67e53b6b75775ef02 Mon Sep 17 00:00:00 2001
From: mrgoldy <gijsmartens1@gmail.com>
Date: Tue, 17 Mar 2020 18:20:22 +0100
Subject: [PATCH 1/3] [ticket/16319] Responsive post profile
PHPBB3-16319
---
phpBB/styles/prosilver/theme/responsive.css | 21 ++++++++++-----------
1 file changed, 10 insertions(+), 11 deletions(-)
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index ca4054c27f..8e81eac63f 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -150,7 +150,7 @@
margin-right: -5px;
}
- .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
+ .cp-main .forabg, .cp-main .forumbg, .cp-main .post, .cp-main .panel {
border-radius: 7px;
}
@@ -344,7 +344,7 @@
}
fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
- margin-left: 0px;
+ margin-left: 0;
}
textarea, dd textarea, .message-box textarea {
@@ -460,8 +460,7 @@
width: auto;
border-width: 0 0 1px 0;
padding-bottom: 5px;
- margin: 0;
- margin-bottom: 5px;
+ margin: 0 0 5px 0;
min-height: 40px;
overflow: hidden;
}
@@ -557,14 +556,14 @@
.postbody { width: 70%; }
}
-@media (min-width: 850px) {
- .postbody { width: 76%; }
-}
-
-@media (max-width: 850px) {
- .postprofile { width: 28%; }
-
+@media (min-width: 701px) and (max-width: 850px) {
+ .postbody {
+ width: 76%;
+ }
+ .postprofile {
+ width: 22%;
+ }
}
@media (min-width: 701px) and (max-width: 950px) {
From 74eefdb4f1645bded4cf13ffc38fcfbb49524877 Mon Sep 17 00:00:00 2001
From: mrgoldy <gijsmartens1@gmail.com>
Date: Wed, 8 Apr 2020 19:34:46 +0200
Subject: [PATCH 2/3] [ticket/16319] Use calc for postbody width
PHPBB3-16319
---
phpBB/styles/prosilver/theme/responsive.css | 12 ++++--------
1 file changed, 4 insertions(+), 8 deletions(-)
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index 8e81eac63f..774dc77b96 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -552,22 +552,18 @@
}
}
-@media (min-width: 700px) {
- .postbody { width: 70%; }
-}
-
-@media (min-width: 701px) and (max-width: 850px) {
+@media (min-width: 701px) {
.postbody {
- width: 76%;
+ /** deduct postprofile width (including border width, margin and padding) */
+ width: calc(100% - 200px - 1px);
}
.postprofile {
- width: 22%;
+ width: 200px;
}
}
@media (min-width: 701px) and (max-width: 950px) {
-
ul.topiclist dt {
margin-right: -410px;
}
From db119a60e6bf930e7bc7627db5676def0d5fe793 Mon Sep 17 00:00:00 2001
From: mrgoldy <gijsmartens1@gmail.com>
Date: Sat, 11 Apr 2020 12:54:55 +0200
Subject: [PATCH 3/3] [ticket/16319] Add postbody margin-right
PHPBB3-16319
---
phpBB/styles/prosilver/theme/responsive.css | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index 774dc77b96..61c204026b 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -554,8 +554,9 @@
@media (min-width: 701px) {
.postbody {
- /** deduct postprofile width (including border width, margin and padding) */
- width: calc(100% - 200px - 1px);
+ /** deduct postprofile width (including border width, margin and padding) and postbody margin and padding */
+ width: calc(100% - 200px - 1px - 16px);
+ margin-right: 16px;
}
.postprofile {