mirror of
https://github.com/penpot/penpot.git
synced 2025-06-07 21:41:40 +02:00
🐛 fix line-height and color of the message text in all modals
This commit is contained in:
parent
05614a345d
commit
7b36a7df8b
7 changed files with 49 additions and 26 deletions
|
@ -26,10 +26,7 @@
|
||||||
.modal-content {
|
.modal-content {
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
margin-bottom: $s-24;
|
margin-bottom: $s-24;
|
||||||
.modal-msg,
|
.modal-hint {
|
||||||
.modal-scd-msg,
|
|
||||||
.modal-hint,
|
|
||||||
.modal-subtitle {
|
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -49,3 +46,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-scd-msg,
|
||||||
|
.modal-subtitle,
|
||||||
|
.modal-msg {
|
||||||
|
@include titleTipography;
|
||||||
|
color: var(--modal-text-foreground-color);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
|
@ -69,4 +69,5 @@
|
||||||
.modal-msg {
|
.modal-msg {
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
color: var(--modal-text-foreground-color);
|
color: var(--modal-text-foreground-color);
|
||||||
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
|
@ -25,11 +25,6 @@
|
||||||
.modal-content {
|
.modal-content {
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
margin-bottom: $s-24;
|
margin-bottom: $s-24;
|
||||||
.modal-msg,
|
|
||||||
.modal-scd-msg,
|
|
||||||
.modal-subtitle {
|
|
||||||
@include titleTipography;
|
|
||||||
}
|
|
||||||
.export-option {
|
.export-option {
|
||||||
@extend .input-checkbox;
|
@extend .input-checkbox;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -68,6 +63,14 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-scd-msg,
|
||||||
|
.modal-subtitle,
|
||||||
|
.modal-msg {
|
||||||
|
@include titleTipography;
|
||||||
|
color: var(--modal-text-foreground-color);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
.file-entry {
|
.file-entry {
|
||||||
.file-name {
|
.file-name {
|
||||||
@include flexRow;
|
@include flexRow;
|
||||||
|
|
13
frontend/src/app/main/ui/dashboard/import.scss
vendored
13
frontend/src/app/main/ui/dashboard/import.scss
vendored
|
@ -26,11 +26,6 @@
|
||||||
.modal-content {
|
.modal-content {
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
margin-bottom: $s-24;
|
margin-bottom: $s-24;
|
||||||
.modal-msg,
|
|
||||||
.modal-scd-msg,
|
|
||||||
.modal-subtitle {
|
|
||||||
@include titleTipography;
|
|
||||||
}
|
|
||||||
.feedback-banner {
|
.feedback-banner {
|
||||||
@include flexRow;
|
@include flexRow;
|
||||||
height: $s-32;
|
height: $s-32;
|
||||||
|
@ -79,6 +74,14 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-scd-msg,
|
||||||
|
.modal-subtitle,
|
||||||
|
.modal-msg {
|
||||||
|
@include titleTipography;
|
||||||
|
color: var(--modal-text-foreground-color);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
.file-entry {
|
.file-entry {
|
||||||
.file-name {
|
.file-name {
|
||||||
@include flexRow;
|
@include flexRow;
|
||||||
|
|
|
@ -26,11 +26,6 @@
|
||||||
.modal-content {
|
.modal-content {
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
margin-bottom: $s-24;
|
margin-bottom: $s-24;
|
||||||
.modal-msg,
|
|
||||||
.modal-scd-msg,
|
|
||||||
.modal-subtitle {
|
|
||||||
@include titleTipography;
|
|
||||||
}
|
|
||||||
.modal-hint {
|
.modal-hint {
|
||||||
@extend .modal-hint-base;
|
@extend .modal-hint-base;
|
||||||
}
|
}
|
||||||
|
@ -57,3 +52,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-scd-msg,
|
||||||
|
.modal-subtitle,
|
||||||
|
.modal-msg {
|
||||||
|
@include titleTipography;
|
||||||
|
color: var(--modal-text-foreground-color);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
|
@ -89,10 +89,7 @@
|
||||||
.no-selection {
|
.no-selection {
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
margin-bottom: $s-24;
|
margin-bottom: $s-24;
|
||||||
.modal-msg,
|
.modal-hint {
|
||||||
.modal-scd-msg,
|
|
||||||
.modal-hint,
|
|
||||||
.modal-subtitle {
|
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
color: var(--modal-text-foreground-color);
|
color: var(--modal-text-foreground-color);
|
||||||
}
|
}
|
||||||
|
@ -223,3 +220,11 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-scd-msg,
|
||||||
|
.modal-subtitle,
|
||||||
|
.modal-msg {
|
||||||
|
@include titleTipography;
|
||||||
|
color: var(--modal-text-foreground-color);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
|
@ -28,9 +28,6 @@
|
||||||
gap: $s-24;
|
gap: $s-24;
|
||||||
@include titleTipography;
|
@include titleTipography;
|
||||||
margin-bottom: $s-24;
|
margin-bottom: $s-24;
|
||||||
.modal-msg {
|
|
||||||
@include titleTipography;
|
|
||||||
}
|
|
||||||
.input-wrapper {
|
.input-wrapper {
|
||||||
@extend .input-with-label;
|
@extend .input-with-label;
|
||||||
label {
|
label {
|
||||||
|
@ -40,3 +37,9 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.modal-msg {
|
||||||
|
@include titleTipography;
|
||||||
|
color: var(--modal-text-foreground-color);
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue