agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-31 21:01:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #18963 from overleaf/mf-new-plans-page-very-small-screen-fix-tab

Browse Source 
[web] Fix new plans page tabs overflow on mobile view

GitOrigin-RevId: f40efa386b15c921a17c7c046866c7f54aee083e
This commit is contained in:
M Fahru
2024-06-18 09:22:21 -07:00
committed by Copybot
parent 43fa1bdcfa
commit a2543a8686
1 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
services/web/frontend/stylesheets/app/plans/plans-new-design.less
View File

@@ -95,12 +95,13 @@
border: unset;
display: flex;
align-items: center;
gap: 12px;
color: var(--neutral-70);
margin: 0;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border: 1px solid var(--neutral-20);
padding: var(--spacing-05) var(--spacing-08);
gap: var(--spacing-04);
&:focus {
background-color: unset;
@@ -118,6 +119,13 @@
outline: auto 5px -webkit-focus-ring-color;
background-color: white;
}
@media (max-width: @screen-xs-max) {
font-size: var(--font-size-02);
line-height: var(--line-height-02);
padding: var(--spacing-05);
gap: var(--spacing-02);
}
}
&.active {