Remove left/right and full view on mobile notifications

https://community.openproject.org/work_packages/58296
opf · Oct 14, 2024 · 6f75838 · 6f75838
1 parent f2f94d6
commit 6f75838
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/app/components/work_packages/details/tab_component.html.erb b/app/components/work_packages/details/tab_component.html.erb
@@ -6,6 +6,7 @@
     flex.with_column(classes: "op-work-package-details-tab-component--action") do
       render(Primer::Beta::IconButton.new(icon: :"chevron-left",
                                           tag: :a,
+                                          classes: "hidden-for-tablet",
                                           scheme: :invisible,
                                           data: {
                                             action: "click->work-packages--details--tabs#scrollLeft"
@@ -42,6 +43,7 @@
     flex.with_column(classes: "op-work-package-details-tab-component--action") do
       render(Primer::Beta::IconButton.new(icon: :"chevron-right",
                                           tag: :a,
+                                          classes: "hidden-for-tablet",
                                           scheme: :invisible,
                                           data: {
                                             action: "click->work-packages--details--tabs#scrollRight"
@@ -52,6 +54,7 @@
     flex.with_column(classes: "op-work-package-details-tab-component--action") do
       render(Primer::Beta::IconButton.new(icon: :"screen-full",
                                           tag: :a,
+                                          classes: "hidden-for-small-laptops",
                                           href: work_package_path(work_package.id, full_screen_tab),
                                           target: "_top",
                                           scheme: :invisible,

diff --git a/frontend/src/global_styles/layout/_base_mobile.sass b/frontend/src/global_styles/layout/_base_mobile.sass
@@ -63,6 +63,9 @@
     display: none !important
 
 @media screen and (max-width: $breakpoint-lg)
+  .hidden-for-small-laptops
+    display: none !important
+
   #main
     grid-template-columns: auto