Attachment 117854 Details for Bug 27814 – Bug 27814: (follow-up) Adjust container padding, button flow

[patch] Bug 27814: (follow-up) Adjust container padding, button flow

Bug-27814-follow-up-Adjust-container-padding-butto.patch (text/plain), 1.63 KB, created by Owen Leonard on 2021-03-05 13:47:36 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Owen Leonard

Created: 2021-03-05 13:47:36 UTC

Size: 1.63 KB

patch

obsolete

>From 09e1d5f238dc5fa47e2914d9cc36a715b470f4ed Mon Sep 17 00:00:00 2001
>From: Owen Leonard <oleonard@myacpl.org>
>Date: Fri, 5 Mar 2021 13:40:13 +0000
>Subject: [PATCH] Bug 27814: (follow-up) Adjust container padding, button flow
>
>This patch makes minor changes to the SCSS so that the user summary
>page's DataTables button flow better at very narrow widths.
>
>Also, the main container should have less padding at narrow widths.
>---
> .../opac-tmpl/bootstrap/css/src/_responsive.scss     | 20 +++++++++++++++-----
> 1 file changed, 15 insertions(+), 5 deletions(-)
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss
>index 3a8e28d9b3..37428ef9ca 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss
>+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss
>@@ -18,6 +18,16 @@
>     .input-fluid {
>         width: 90%;
>     }
>+
>+    .dt-buttons {
>+        display: block;
>+    }
>+}
>+
>+@media only screen and (min-width: 441px) {
>+    .dt-buttons {
>+        display: flex;
>+    }
> }
> 
> @media only screen and ( min-width: 342px ) and ( max-width: 479px ) {
>@@ -80,10 +90,6 @@
>         float: none;
>         margin: 0;
>     }
>-
>-    .dt-buttons {
>-        display: flex;
>-    }
> }
> 
> @media only screen and ( max-width: 608px ) {
>@@ -191,7 +197,7 @@
>     .main {
>         @include border-radius-all( 0 );
>         margin: 0;
>-        padding: 15px;
>+        padding: 0;
>     }
> 
>     .breadcrumb {
>@@ -207,6 +213,10 @@
>         font-weight: bold;
>     }
> 
>+    .ui-tabs .ui-tabs-panel {
>+        padding: .5em;
>+    }
>+
>     .ui-tabs-panel,
>     .tabs-container,
>     #topissues,
>-- 
>2.11.0

Actions: View | Diff | Splinter Review

Attachments on bug 27814: 117397 | 117737 | 117753 | 117854 | 118332 | 119844 | 119845 | 120032 | 120033