From b5e8b9c2035a3e993b5ad707c9121611dfdcd2a5 Mon Sep 17 00:00:00 2001 From: Stasiek Michalski Date: Sat, 9 Jun 2018 21:46:29 +0200 Subject: [PATCH 1/3] Fix #244 and rounded corners in xs viewpoint --- resources/assets/sass/custom.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss index 551d2571f..cfccee999 100644 --- a/resources/assets/sass/custom.scss +++ b/resources/assets/sass/custom.scss @@ -214,6 +214,10 @@ body, button, input, textarea { .max-hide-overflow { max-height: 600px!important; } + .card-md-rounded-0 { + border-width: 1px 0; + border-radius:0 !important; + } } @media (min-width: map-get($grid-breakpoints, "md")) { @@ -234,3 +238,8 @@ body, button, input, textarea { height: 32px; background-position: 50%; } + +.status-photo img { + object-fit: contain; + max-height: calc(100vh - (6rem)); +} From de0bb212a55ffe904c6d8377e9719911f71feb9b Mon Sep 17 00:00:00 2001 From: Stasiek Michalski Date: Sat, 9 Jun 2018 21:47:40 +0200 Subject: [PATCH 2/3] Make card so it wouldn't be rounded on mobile --- resources/views/status/show.blade.php | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/resources/views/status/show.blade.php b/resources/views/status/show.blade.php index 02448e34f..65de8f67a 100644 --- a/resources/views/status/show.blade.php +++ b/resources/views/status/show.blade.php @@ -3,7 +3,7 @@ @section('content')
-
+
From e27918e4b2f567a81d5860589d4e5e6c49d52c37 Mon Sep 17 00:00:00 2001 From: Stasiek Michalski Date: Fri, 15 Jun 2018 13:04:23 +0200 Subject: [PATCH 3/3] Fix to correct breakpoint --- resources/assets/sass/custom.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss index 8786584f9..f21bbbf77 100644 --- a/resources/assets/sass/custom.scss +++ b/resources/assets/sass/custom.scss @@ -193,6 +193,13 @@ body, button, input, textarea { } } +@media (max-width: map-get($grid-breakpoints, "sm")) { + .card-md-rounded-0 { + border-width: 1px 0; + border-radius:0 !important; + } +} + @keyframes loading-bar { from { background-position: 0 0; } to { background-position: 100vw 0; } @@ -214,10 +221,6 @@ body, button, input, textarea { .max-hide-overflow { max-height: 600px!important; } - .card-md-rounded-0 { - border-width: 1px 0; - border-radius:0 !important; - } } @media (min-width: map-get($grid-breakpoints, "md")) {