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

Convert CloseButton styles out from css modules

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

26
src/renderer/components/layout/close-button.module.scss → src/renderer/components/layout/close-button.scss
View File

@ -19,7 +19,7 @@
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/ */
.closeButton { .SettingsCloseButton {
width: 35px; width: 35px;
height: 35px; height: 35px;
display: grid; display: grid;
@ -35,18 +35,18 @@
&:active { &:active {
transform: translateY(1px); transform: translateY(1px);
} }
}
.icon { .Icon {
color: var(--textColorAccent); color: var(--textColorAccent);
opacity: 0.6; opacity: 0.6;
} }
.esc { .escLabel {
text-align: center; text-align: center;
margin-top: var(--margin); margin-top: var(--margin);
font-weight: bold; font-weight: bold;
user-select: none; user-select: none;
color: var(--textColorDimmed); color: var(--textColorDimmed);
pointer-events: none; pointer-events: none;
}
} }

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

@ -19,7 +19,7 @@
* CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/ */
import styles from "./close-button.module.scss"; import "./close-button.scss";
import React, { HTMLAttributes } from "react"; import React, { HTMLAttributes } from "react";
import { Icon } from "../icon"; import { Icon } from "../icon";
@ -30,10 +30,10 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
export function CloseButton(props: Props) { export function CloseButton(props: Props) {
return ( return (
<div {...props}> <div {...props}>
<div className={styles.closeButton} role="button" aria-label="Close"> <div className="SettingsCloseButton" role="button" aria-label="Close">
<Icon material="close" className={styles.icon}/> <Icon material="close" />
</div> </div>
<div className={styles.esc} aria-hidden="true"> <div className="escLabel" aria-hidden="true">
ESC ESC
</div> </div>
</div> </div>