Skip to content

Commit cde3de4

Browse files
committed
♻️(frontend) misc improvements
- add opacity props on Box - rename to cunningham-style.css - update illustration-docs-empty.png - smaller tooltip
1 parent 8c0c3c2 commit cde3de4

File tree

4 files changed

+13
-3
lines changed

4 files changed

+13
-3
lines changed

src/frontend/apps/impress/src/components/Box.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,7 @@ export interface BoxProps {
2424
$hasTransition?: boolean | 'slow';
2525
$height?: CSSProperties['height'];
2626
$justify?: CSSProperties['justifyContent'];
27+
$opacity?: CSSProperties['opacity'];
2728
$overflow?: CSSProperties['overflow'];
2829
$margin?: MarginPadding;
2930
$maxHeight?: CSSProperties['maxHeight'];
@@ -65,6 +66,7 @@ export const Box = styled('div')<BoxProps>`
6566
${({ $minHeight }) => $minHeight && `min-height: ${$minHeight};`}
6667
${({ $maxWidth }) => $maxWidth && `max-width: ${$maxWidth};`}
6768
${({ $minWidth }) => $minWidth && `min-width: ${$minWidth};`}
69+
${({ $opacity }) => $opacity && `opacity: ${$opacity};`}
6870
${({ $overflow }) => $overflow && `overflow: ${$overflow};`}
6971
${({ $padding }) => $padding && stylesPadding($padding)}
7072
${({ $position }) => $position && `position: ${$position};`}

src/frontend/apps/impress/src/cunningham/cunningham-custom-tokens.css renamed to src/frontend/apps/impress/src/cunningham/cunningham-style.css

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
@import url('@gouvfr-lasuite/ui-kit/style');
2+
@import url('./cunningham-tokens.css');
3+
14
:root {
25
/**
36
* Input
@@ -33,3 +36,10 @@
3336
--c--components--button--border-radius
3437
);
3538
}
39+
40+
/**
41+
* Tooltip
42+
*/
43+
.c__tooltip {
44+
padding: 4px 6px;
45+
}
13.6 KB
Loading

src/frontend/apps/impress/src/pages/globals.css

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,4 @@
1-
@import url('@gouvfr-lasuite/ui-kit/style');
2-
@import url('../cunningham/cunningham-tokens.css');
3-
@import url('../cunningham/cunningham-custom-tokens.css');
1+
@import url('../cunningham/cunningham-style.css');
42
@import url('@fontsource/material-icons');
53

64
body {

0 commit comments

Comments
 (0)