hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix close button styling

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-01-19 21:53:07 +03:00
parent 529ed20e04
commit b80a62e29f
2 changed files with 20 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/renderer/components/layout/close-button.scss
View File

@ -20,25 +20,27 @@
*/
.SettingsCloseButton {
width: 35px;
height: 35px;
display: grid;
place-items: center;
cursor: pointer;
border: 2px solid var(--textColorDimmed);
border-radius: 50%;
.closeIcon {
width: 35px;
height: 35px;
display: grid;
place-items: center;
cursor: pointer;
border: 2px solid var(--textColorDimmed);
border-radius: 50%;
&:hover {
background-color: #72767d25;
}
&:hover {
background-color: #72767d25;
}
&:active {
transform: translateY(1px);
}
&:active {
transform: translateY(1px);
}
.Icon {
color: var(--textColorAccent);
opacity: 0.6;
.Icon {
color: var(--textColorAccent);
opacity: 0.6;
}
}
.escLabel {

4
src/renderer/components/layout/close-button.tsx
View File

@ -29,8 +29,8 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
export function CloseButton(props: Props) {
return (
<div {...props}>
<div className="SettingsCloseButton" role="button" aria-label="Close">
<div className="SettingsCloseButton" {...props}>
<div className="closeIcon" role="button" aria-label="Close">
<Icon material="close" />
</div>
<div className="escLabel" aria-hidden="true">