agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-26 18:51:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #24705 from overleaf/mj-ide-rail-hover-state

Browse Source 
[web] Editor redesign: Add hover state colors to rail

GitOrigin-RevId: 9b4a19a913963fcd4b76cf24467b8c1ad6fb1fab
This commit is contained in:
Mathias Jakobsen
2025-04-09 14:45:50 +01:00
committed by Copybot
parent 15663796ad
commit c183176fd3
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/bootstrap-5/pages/editor/rail.scss
View File

@@ -4,6 +4,8 @@
--ide-rail-link-background: var(--bg-dark-primary);
--ide-rail-link-active-color: var(--green-10);
--ide-rail-link-active-background: var(--green-70);
--ide-rail-link-hover-color: var(--content-primary-dark);
--ide-rail-link-hover-background: var(--bg-dark-secondary);
--ide-rail-border-colour: var(--border-divider-dark);
--ide-rail-header-subdued-button-color: var(--content-primary-dark);
--ide-rail-header-subdued-button-hover-background: var(--bg-dark-tertiary);
@@ -15,6 +17,8 @@
--ide-rail-link-background: #fff;
--ide-rail-link-active-color: var(--green-70);
--ide-rail-link-active-background: var(--bg-accent-03);
--ide-rail-link-hover-color: var(--content-primary);
--ide-rail-link-hover-background: var(--bg-light-secondary);
--ide-rail-border-colour: var(--border-divider);
--ide-rail-header-subdued-button-color: var(--content-primary);
--ide-rail-header-subdued-button-hover-background: var(--bg-light-tertiary);
@@ -63,12 +67,16 @@
position: relative;
overflow-y: hidden;
&:hover,
&:visited,
&:focus {
color: var(--ide-rail-color);
}
&:hover {
color: var(--ide-rail-link-hover-color);
background-color: var(--ide-rail-link-hover-background);
}
.ide-rail-tab-link-icon {
line-height: 32px;
font-size: 20px;