archive/bramw_baserow
1
0
Fork 0
mirror of https://gitlab.com/bramw/baserow.git synced 2025-03-14 20:52:51 +00:00
Code Issues Projects Releases Wiki Activity

Update typography colors and font-size

Browse source
This commit is contained in:
Jonathan Adeline 2023-09-25 12:12:37 +00:00 committed by Bram Wiepjes
parent 4061d19541
commit eeb91f588d
11 changed files with 41 additions and 16 deletions
changelog/entries/1.20.0/feature
1918_update_typography_rules.json
enterprise/web-frontend/modules/baserow_enterprise/assets/scss/components
crud_table_filters.scss
premium/web-frontend/modules/baserow_premium/assets/scss/components
impersonate_warning.scsslicense_detail.scsslicenses.scssredirectModal.scss
views
calendar
calendar_date_indicator.scss
kanban.scss
web-frontend/modules/core
assets/scss
components
button.scss
typography.scss
pages
styleGuide.vue

7
changelog/entries/1.20.0/feature/1918_update_typography_rules.json Normal file
View file

@ -0,0 +1,7 @@
{
"type": "feature",
"message": "Update typography rules",
"issue_number": 1918,
"bullet_points": [],
"created_at": "2023-08-26"
}

2
enterprise/web-frontend/modules/baserow_enterprise/assets/scss/components/crud_table_filters.scss
View file

@ -5,7 +5,7 @@
}
.crud-table-filters__filter-wrapper-title {
font-weight: 700;
font-weight: 600;
}
.crud-table-filters__filter-value-input {

2
premium/web-frontend/modules/baserow_premium/assets/scss/components/impersonate_warning.scss
View file

@ -1,7 +1,7 @@
.impersonate-warning {
padding: 16px;
font-size: 12px;
font-weight: 700;
font-weight: 600;
color: $white;
background-color: $color-warning-500;
}

2
premium/web-frontend/modules/baserow_premium/assets/scss/components/license_detail.scss
View file

@ -65,7 +65,7 @@
.license-detail__item-name {
font-size: 14px;
font-weight: 700;
font-weight: 600;
}
.license-detail__item-description {

2
premium/web-frontend/modules/baserow_premium/assets/scss/components/licenses.scss
View file

@ -63,7 +63,7 @@
.licenses__item-title {
font-size: 18px;
font-weight: 700;
font-weight: 600;
margin-right: 20px;
}

4
premium/web-frontend/modules/baserow_premium/assets/scss/components/redirectModal.scss
View file

@ -5,12 +5,12 @@
.redirect-modal__title {
font-size: 20px;
font-weight: 700;
font-weight: 600;
}
.redirect-modal__from-to {
font-size: 15px;
font-weight: 700;
font-weight: 600;
margin-bottom: 40px;
}

2
premium/web-frontend/modules/baserow_premium/assets/scss/components/views/calendar/calendar_date_indicator.scss
View file

@ -2,7 +2,7 @@
@extend %ellipsis;
font-size: 18px;
font-weight: 700;
font-weight: 600;
margin-left: 24px;
margin-top: 24px;
margin-bottom: 24px;

2
premium/web-frontend/modules/baserow_premium/assets/scss/components/views/kanban.scss
View file

@ -212,7 +212,7 @@
.kanban-view__stacked-by-title {
font-size: 16px;
font-weight: 700;
font-weight: 600;
margin-bottom: 10px;
}

2
web-frontend/modules/core/assets/scss/components/button.scss
View file

@ -57,7 +57,7 @@
}
.button--light {
@include button-style(transparent, $color-neutral-100, $color-primary-900);
@include button-style(transparent, $color-neutral-100, $color-neutral-900);
&:hover,
&:focus,

31
web-frontend/modules/core/assets/scss/typography.scss
View file

@ -29,34 +29,51 @@ a {
p {
@extend %first-last-no-margin;
color: $palette-neutral-1300;
color: $palette-neutral-900;
line-height: 170%;
margin-bottom: 30px;
}
strong {
color: $palette-neutral-1200;
}
h1,
.heading-1 {
@extend %first-last-no-margin;
font-size: 33px;
line-height: 130%;
font-size: 24px;
line-height: 32px;
margin: 30px 0;
font-weight: 600;
}
h2,
.heading-2 {
@extend %first-last-no-margin;
font-size: 22px;
line-height: 130%;
font-size: 20px;
line-height: 28px;
margin: 20px 0;
font-weight: 600;
}
h3,
.heading-3 {
@extend %first-last-no-margin;
font-size: 14px;
line-height: 130%;
font-size: 18px;
line-height: 24px;
margin: 10px 0;
font-weight: 600;
}
h4,
.heading-4 {
@extend %first-last-no-margin;
font-size: 16px;
line-height: 24px;
margin: 10px 0;
font-weight: 500;
}

1
web-frontend/modules/core/pages/styleGuide.vue
View file

@ -7,6 +7,7 @@
<h1>&lt;h1&gt;Heading 1&lt;/h1&gt;</h1>
<h2>&lt;h2&gt;Heading 2&lt;/h2&gt;</h2>
<h3>&lt;h3&gt;Heading 3&lt;/h3&gt;</h3>
<h4>&lt;h4&gt;Heading 4&lt;/h4&gt;</h4>
</div>
<div class="margin-bottom-3">
<p>