paulononato/backstage
1
0
Fork 0
Code Issues Pull Requests Actions 52 Packages Projects Releases Wiki Activity

Fix components issues

Browse Source 
Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
This commit is contained in:
Charles de Dreuille
2025-01-07 15:10:35 +00:00
parent 78c912d72e
commit 08bdc39c54
4 changed files with 35 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/canon/src/components/Button/styles.css
+3 -3
View File
@@ -35,18 +35,18 @@
&:hover {
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--canon-outline-focus);
box-shadow: inset 0 0 0 1px var(--canon-border-focus);
color: var(--canon-text-primary);
}
}
.cn-button-secondary {
background-color: transparent;
box-shadow: inset 0 0 0 1px var(--canon-outline);
box-shadow: inset 0 0 0 1px var(--canon-border-base);
color: var(--canon-text-primary);
&:hover {
box-shadow: inset 0 0 0 1px var(--canon-outline-hover);
box-shadow: inset 0 0 0 1px var(--canon-border-hover);
}
}
packages/canon/src/components/Checkbox/styles.css
+25 -31
View File
@@ -9,39 +9,33 @@
color: var(--canon-text-primary);
user-select: none;
& .checkbox {
all: unset;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
box-shadow: inset 0 0 0 1px var(--canon-outline);
cursor: pointer;
border-radius: 2px;
transition: all 0.2s ease-in-out;
&[data-state='unchecked'] {
& .checkbox-indicator {
display: none;
}
}
&[data-state='checked'] {
background: var(--canon-accent);
}
}
& .checkbox-indicator {
display: flex;
align-items: center;
justify-content: center;
color: var(--canon-text-primary-on-accent);
}
&:hover {
& .checkbox {
box-shadow: inset 0 0 0 1px var(--canon-outline-hover);
box-shadow: inset 0 0 0 1px var(--canon-border-hover);
}
}
}
.checkbox {
all: unset;
display: flex;
align-items: center;
justify-content: center;
width: 1rem;
height: 1rem;
box-shadow: inset 0 0 0 1px var(--canon-border-base);
cursor: pointer;
border-radius: 2px;
transition: all 0.2s ease-in-out;
&[data-checked] {
background-color: var(--canon-accent);
}
}
.checkbox-indicator {
display: flex;
align-items: center;
justify-content: center;
color: var(--canon-text-primary-on-accent);
}
packages/canon/src/components/Heading/styles.css
+6 -6
View File
@@ -23,36 +23,36 @@
&.text-display {
font-size: var(--canon-font-size-display);
line-height: 100%;
font-weight: var(--canon-font-bold);
font-weight: var(--canon-font-weight-bold);
}
&.text-title1 {
font-size: var(--canon-font-size-title1);
line-height: 100%;
font-weight: var(--canon-font-bold);
font-weight: var(--canon-font-weight-bold);
}
&.text-title2 {
font-size: var(--canon-font-size-title2);
line-height: 100%;
font-weight: var(--canon-font-bold);
font-weight: var(--canon-font-weight-bold);
}
&.text-title3 {
font-size: var(--canon-font-size-title3);
line-height: 100%;
font-weight: var(--canon-font-bold);
font-weight: var(--canon-font-weight-bold);
}
&.text-title4 {
font-size: var(--canon-font-size-title4);
line-height: 100%;
font-weight: var(--canon-font-bold);
font-weight: var(--canon-font-weight-bold);
}
&.text-title5 {
font-size: var(--canon-font-size-title5);
line-height: 100%;
font-weight: var(--canon-font-bold);
font-weight: var(--canon-font-weight-bold);
}
}
packages/canon/src/components/Table/styles.css
+1 -1
View File
@@ -18,7 +18,7 @@
.table-header {
tr {
/* border-bottom: 1px solid var(--canon-outline); */
/* border-bottom: 1px solid var(--canon-border); */
}
}