From 1e219456581b0a6563f915b2d9aa41c87eea2343 Mon Sep 17 00:00:00 2001 From: Damian Wajer Date: Tue, 17 Jan 2023 19:05:24 +0100 Subject: [PATCH 01/17] [frio] Larger clickable area for tabs --- view/theme/frio/css/style.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 3c4aaa7c6e..c32a6b8141 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -2190,7 +2190,6 @@ ul.tabs { list-style: none; height: 100%; padding: 0; - padding-top: 10px; margin: 0; } ul.tabs li { @@ -2203,8 +2202,8 @@ ul.tabs li { transition: all 0.15s ease; } ul.tabs li a { - margin-left: 10px; - margin-right: 10px; + display: block; + padding: 11px 10px; } ul.tabs li:hover, ul.tabs li.active { @@ -2214,7 +2213,7 @@ ul.tabs li.active { padding-top: 0; } #dropdownMenuTools-xs { - padding: 9px 10px; + padding: 9px 15px; } ul.tabbar ul.tabs-extended:hover li.dropdown { border-bottom: 0; From 9dcc0f6f20903dec7117b560e54ba7402c32fb5c Mon Sep 17 00:00:00 2001 From: Damian Wajer Date: Tue, 17 Jan 2023 19:36:36 +0100 Subject: [PATCH 02/17] [frio] Larger clickable area for aside links --- view/theme/frio/css/style.css | 33 ++++++++++++++----- view/theme/frio/templates/group_side.tpl | 4 +-- .../frio/templates/widget/peoplefind.tpl | 12 +++---- 3 files changed, 33 insertions(+), 16 deletions(-) diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index c32a6b8141..537652cd14 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -367,6 +367,10 @@ btn-eventnav:hover { aside .badge { opacity: 0.7; } +.forum-widget-entry .badge, +.sidebar-group-li .badge { + margin-top: 6px; +} /* disabled elements */ .community-content-wrapper > h3, @@ -1044,7 +1048,6 @@ aside .widget, position: relative; margin-bottom: 20px; padding: 10px; - font-size: 13px; overflow: auto; } aside .widget h3, @@ -1052,7 +1055,7 @@ aside .widget h3, font-weight: bold; font-size: 16px; margin: 0; - padding-bottom: 20px; + padding-bottom: 10px; } aside .widget ul, @@ -1065,10 +1068,11 @@ aside .widget ul, list-style: none; } +aside .widget li .label { + float: left; +} aside .widget li, .nav-container .widget li { - padding-top: 2px; - padding-bottom: 2px; padding-left: 20px; padding-right: 10px; } @@ -1081,6 +1085,12 @@ aside .widget li.selected, border-left: 3px solid $link_color !important; padding-left: 17px; } +.side-link-link, +aside .widget li a { + display: block; + padding-top: 6px; + padding-bottom: 6px; +} aside .widget li a, aside .widget li a:hover { color: $font_color_darker; @@ -1300,8 +1310,12 @@ div#sidebar-group-list { } .group-edit-tool { + padding-top: 0; color: $font_color_darker; } +.sidebar-widget-header .group-edit-tool { + margin-top: -5px; +} .faded-icon { color: $font_color_darker; @@ -1316,9 +1330,12 @@ div#sidebar-group-list { margin-left: 20px; } -aside #group-sidebar .sidebar-group-li:hover .group-edit-tool.faded-icon, -aside #saved-search-list .saved-search-li:hover .savedsearchdrop.faded-icon, -aside .widget:hover .widget-action.faded-icon { +aside .widget-action { + padding: 5px 10px; +} +aside #group-sidebar .sidebar-group-li .group-edit-tool.faded-icon:hover, +aside #saved-search-list .saved-search-li .savedsearchdrop.faded-icon:hover, +aside .widget.widget-action.faded-icon:hover { opacity: 0.8; transition: all 0.25s ease-in-out; } @@ -1328,7 +1345,7 @@ aside .widget .widget-action.faded-icon:hover { opacity: 1; } aside #group-sidebar li .group-checkbox { - margin: 0; + margin: 6px 0 0; } aside #group-sidebar li .group-edit-tool { padding-right: 10px; diff --git a/view/theme/frio/templates/group_side.tpl b/view/theme/frio/templates/group_side.tpl index 0c5e76a05e..f9027e6123 100644 --- a/view/theme/frio/templates/group_side.tpl +++ b/view/theme/frio/templates/group_side.tpl @@ -2,7 +2,7 @@

{{$title}}

-