From 329ab73e0f53fbca71340b28556858af2a1222f1 Mon Sep 17 00:00:00 2001 From: Sami Mazouz Date: Fri, 18 Apr 2025 10:23:12 +0100 Subject: [PATCH] fix: home spacing issue in small phone screens --- framework/core/less/common/variables.less | 4 ++++ framework/core/less/forum/DiscussionListItem.less | 6 ++++++ 2 files changed, 10 insertions(+) diff --git a/framework/core/less/common/variables.less b/framework/core/less/common/variables.less index 259b5ba35..63f8a6bee 100644 --- a/framework/core/less/common/variables.less +++ b/framework/core/less/common/variables.less @@ -136,6 +136,9 @@ @screen-phone-max: (@screen-tablet - 0.02); +@screen-small-phone: 320px; +@screen-small-phone-max: (@screen-small-phone + 0.02); + @screen-tablet: 768px; @screen-tablet-max: (@screen-desktop - 0.02); @@ -148,6 +151,7 @@ @screen-desktop-xxxl: 3000px; @phone: ~"(max-width: @{screen-phone-max})"; +@small-phone: ~"(max-width: @{screen-small-phone-max})"; @tablet: ~"(min-width: @{screen-tablet}) and (max-width: @{screen-tablet-max})"; @desktop: ~"(min-width: @{screen-desktop}) and (max-width: @{screen-desktop-max})"; @desktop-hd: ~"(min-width: @{screen-desktop-hd})"; diff --git a/framework/core/less/forum/DiscussionListItem.less b/framework/core/less/forum/DiscussionListItem.less index 599b752ef..edabdc4e4 100644 --- a/framework/core/less/forum/DiscussionListItem.less +++ b/framework/core/less/forum/DiscussionListItem.less @@ -317,3 +317,9 @@ } } } + +@media @small-phone { + .DiscussionListItem-info { + max-width: 160px; + } +}