Pull request #293: Feature/TV-845 ui dialog
Merge in TEA/mina-sidor-fa-web from feature/TV-845-ui-dialog-2 to develop
Squashed commit of the following:
commit 06ee26ccbe9d2fd5edfd12d7a292f42e3b747fb7
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Thu Dec 16 09:45:23 2021 +0100
refactor
commit e2295202721b58fbd37341d3e02dae5a95cbb0c5
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 14:03:37 2021 +0100
Update ui-dialog-ref.ts
commit c9507cd4579b4e542d0116f5e96b3a911c51600d
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 13:00:05 2021 +0100
cleanup
commit 0e4ded553352414b5ca670897a51f127a5a289b1
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 12:48:25 2021 +0100
cleanup
commit 0a48220c8bcd5704f7436f1c0c84ca25bac4c8e8
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 12:36:16 2021 +0100
Dialog working
commit c4c1e9fb42d99df7ec6c058b7bea30662a03bb33
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 11:14:36 2021 +0100
wip
commit 6668dfb154022b873b0a042087181cd0e6f8994d
Merge: 624b9439 9d96f0d9
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 10:47:27 2021 +0100
Merge branch 'develop' into feature/TV-845-ui-dialog-2
commit 624b94399689bef07178f89c015745c90af1b288
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 10:47:19 2021 +0100
wip
commit 0478638ab0d0f8f62ce8d10489f20e4930099936
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 09:58:49 2021 +0100
wip
commit 12234c22062124165c2da10ff75cc887997172a8
Author: Daniel Appelgren <daniel.appelgren@arbetsformedlingen.se>
Date: Fri Dec 10 09:21:09 2021 +0100
wip
This commit is contained in:
32
libs/ui/src/dialog/ui-dialog.component.scss
Normal file
32
libs/ui/src/dialog/ui-dialog.component.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
@import 'libs/styles/src/variables/shadows';
|
||||
@import 'libs/styles/src/variables/gutters';
|
||||
|
||||
.ui-dialog {
|
||||
background: white;
|
||||
border-radius: var(--digi--ui--border--radius);
|
||||
box-shadow: $msfa__shadow;
|
||||
padding: $digi--layout--gutter--s $digi--layout--gutter--xl $digi--layout--gutter--l;
|
||||
position: relative;
|
||||
|
||||
&__close-button {
|
||||
position: absolute;
|
||||
top: var(--digi--layout--gutter);
|
||||
right: var(--digi--layout--gutter--s);
|
||||
background: transparent;
|
||||
border: none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__close-button-text {
|
||||
font-size: var(--digi--typography--font-size--s);
|
||||
}
|
||||
|
||||
&__footer {
|
||||
min-height: var(--digi--layout--gutter);
|
||||
display: flex;
|
||||
margin-top: $digi--layout--gutter--l;
|
||||
gap: var(--digi--layout--gutter);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user