github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21497 from overleaf/rd-file-tree-line-break

Browse source 
[web] The file tree toolbar should not wrap onto two lines at small width

GitOrigin-RevId: ff2d3037b5f389ba104850d6674e0bc3a50867ee
This commit is contained in:
Rebeka Dekany 2024-11-01 14:35:54 +01:00 committed by Copybot
parent bf2ad1952c
commit ccb639bcea
4 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web/frontend/stylesheets/app/editor/file-tree.less
View file

@ -24,6 +24,10 @@
.toolbar-alt-mixin; .toolbar-alt-mixin;
padding: 0 5px; padding: 0 5px;
flex-shrink: 0; flex-shrink: 0;
.btn:hover {
background-color: @file-tree-toolbar-btn-hover-color;
}
} }
> file-tree-root, > file-tree-root,

1
services/web/frontend/stylesheets/bootstrap-5/components/button-group.scss
View file

@ -12,4 +12,5 @@
.btn-toolbar { .btn-toolbar {
gap: var(--spacing-03); gap: var(--spacing-03);
flex-wrap: nowrap;
} }

1
services/web/frontend/stylesheets/variables/all.less
View file

@ -952,6 +952,7 @@
@file-tree-multiselect-hover-bg: @blue-dark; @file-tree-multiselect-hover-bg: @blue-dark;
@file-tree-droppable-bg-color: @neutral-40; @file-tree-droppable-bg-color: @neutral-40;
@file-tree-error-color: @neutral-20; @file-tree-error-color: @neutral-20;
@file-tree-toolbar-btn-hover-color: rgba(125, 125, 125, 0.2);
// File outline // File outline
@outline-v-rhythm: 24px; @outline-v-rhythm: 24px;

1
services/web/frontend/stylesheets/variables/themes/light.less
View file

@ -34,6 +34,7 @@
@file-tree-multiselect-hover-bg: @blue-dark; @file-tree-multiselect-hover-bg: @blue-dark;
@file-tree-droppable-bg-color: @neutral-40; @file-tree-droppable-bg-color: @neutral-40;
@file-tree-error-color: @ol-blue-gray-5; @file-tree-error-color: @ol-blue-gray-5;
@file-tree-toolbar-btn-hover-color: @neutral-10;
@content-alt-bg-color: @neutral-10; @content-alt-bg-color: @neutral-10;