facebook/sapling
1
1
Fork 0
mirror of https://github.com/facebook/sapling.git synced 2024-10-05 22:37:37 +03:00
Code Issues Projects Releases Wiki Activity

Show expansion hint on hover of context lines

Browse Source 
Summary:
I was considering changing the ~~~~ context expander to match the comparison view, but I found that I didn't like how it looked. So let's keep the ~~~~. One small thing we can do is make it more clear that clicking will expand, by showing some text on hover.

Admittedly, by using CSS for this, it's not translatable.

Reviewed By: muirdm

Differential Revision: D49156741

fbshipit-source-id: d7229b439b721f72054b432cf8102da9d85c5ef3
This commit is contained in:
Evan Krause 2023-09-11 17:02:46 -07:00 committed by Facebook GitHub Bot
parent be9959e8fc
commit 9033071cdc
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
addons/isl/src/SplitStackEditPanel.css
View File

@ -77,6 +77,27 @@
background-repeat: repeat-x;
user-select: none;
cursor: pointer;
opacity: 0.8;
position: relative;
transition: opacity 0.1s;
}
.split-file .context-button:before {
opacity: 0;
transition: opacity 0.1s;
display: block;
position: absolute;
left: calc(50% - 70px);
right: calc(50% - 70px);
text-align: center;
padding: 0 var(--pad);
content: 'Click to expand';
}
.split-file .context-button:hover {
opacity: 1;
}
.split-file .context-button:hover:before {
opacity: 1;
background-color: var(--background);
}
.split-file .lineno {