studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(react) change pagination border color

Browse Source 
The pagination component's border color was different from the one
of other components, especially the DataGrid, which was not really
homogenous.
This commit is contained in:
Nathan Vasse
2023-05-25 15:43:00 +02:00
committed by NathanVss
parent a869fe51dc
commit 2c6a66b220
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/nasty-deers-yell.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@openfun/cunningham-react": patch
---
change pagination border color

2
packages/react/src/components/Pagination/index.scss
View File

@@ -5,7 +5,7 @@
&__list { &__list {
display: flex; display: flex;
align-items: center; align-items: center;
border: 1px var(--c--theme--colors--greyscale-200) solid; border: 1px var(--c--theme--colors--greyscale-300) solid;
border-radius: 2px; border-radius: 2px;
padding: var(--c--theme--spacings--st); padding: var(--c--theme--spacings--st);
background: var(--c--theme--colors--greyscale-000); background: var(--c--theme--colors--greyscale-000);

4
packages/react/src/cunningham-tokens.css
View File

@@ -111,7 +111,7 @@
--c--components--forms-select--border-radius--focus: 2px; --c--components--forms-select--border-radius--focus: 2px;
--c--components--forms-select--border-radius--hover: 2px; --c--components--forms-select--border-radius--hover: 2px;
--c--components--forms-select--border-style: solid; --c--components--forms-select--border-style: solid;
--c--components--forms-select--border-width: 2px; --c--components--forms-select--border-width: 1px;
--c--components--forms-select--color: #303C4B; --c--components--forms-select--color: #303C4B;
--c--components--forms-select--font-size: 1rem; --c--components--forms-select--font-size: 1rem;
--c--components--forms-select--height: 3.5rem; --c--components--forms-select--height: 3.5rem;
@@ -130,7 +130,7 @@
--c--components--forms-input--border-radius: 8px; --c--components--forms-input--border-radius: 8px;
--c--components--forms-input--border-radius--hover: 2px; --c--components--forms-input--border-radius--hover: 2px;
--c--components--forms-input--border-radius--focus: 2px; --c--components--forms-input--border-radius--focus: 2px;
--c--components--forms-input--border-width: 2px; --c--components--forms-input--border-width: 1px;
--c--components--forms-input--border-color: #E7E8EA; --c--components--forms-input--border-color: #E7E8EA;
--c--components--forms-input--border-color--hover: #9EA3AA; --c--components--forms-input--border-color--hover: #9EA3AA;
--c--components--forms-input--border-color--focus: #0556BF; --c--components--forms-input--border-color--focus: #0556BF;