Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Fix font and weight values #7200

Merged
merged 3 commits into from
Aug 1, 2024
Merged

Fix font and weight values #7200

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5aed9c2
console: Fix font and weight values
pierrephz Jul 29, 2024
6229a83
Merge branch 'feature/console-redesign' into fix/font-size
ryaplots Jul 30, 2024
a9fad65
console: Change font sizes values
pierrephz Aug 1, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion pkg/webui/components/breadcrumbs/breadcrumbs.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
display: flex

+media-query($bp.lg)
font-size: $fs.s
font-size: $fs.xs

.link, .last
max-width: 15rem
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/components/input/input.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -125,7 +125,7 @@
width: 0

.code
font-size: $fs.s
font-size: $fs.xs

.placeholder
position: absolute
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/components/modal/story.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@
span
one-liner()
nudge('up', 2px)
font-size: $fs.s
font-size: $fs.xs
font-weight: $fw.bold
text-transform: uppercase
color: var(--c-text-brand-normal)
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/components/news-panel/news-item/news-item.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,7 +31,7 @@

.title
width: 100%
font-weight: $fwv2.bold
font-weight: $fw.bolder
color: var(--c-text-neutral-heavy)
overflow: hidden
display: -webkit-box
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/components/notification/details/details.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
width: 100%
background-color: var(--c-bg-neutral-semilight)
color: var(--c-text-neutral-heavy)
font-size: $fs.s
font-size: $fs.xs
padding: $cs.s
color: var(--c-text-neutral-heavy)
margin: (-1 * $ls.m) 0 0 0
Expand Down
6 changes: 3 additions & 3 deletions pkg/webui/components/panel/panel.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,15 +35,15 @@
flex-shrink: 0

&-title
font-weight: $fwv2.bold
font-size: $fsv2.l
font-weight: $fw.bolder
font-size: $fs.l
line-height: 1.3
white-space: nowrap
text-overflow: ellipsis
overflow: hidden

&-button
font-weight: $fwv2.semibold
font-weight: $fw.bold
text-decoration: none transparent
transition: text-decoration $ad.s ease-in-out
align-self: center
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/components/panel/toggle/toggle.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@
&-active
box-shadow: var(--shadow-box-button-normal)
background: var(--c-bg-neutral-min)
font-weight: $fwv2.regular
font-weight: $fw.normal
border: 1px solid var(--c-border-neutral-light)

&:hover:not(.toggle-button-active)
Expand Down
6 changes: 3 additions & 3 deletions pkg/webui/components/safe-inspector/safe-inspector.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,7 @@ $height-small = 2rem
.buttons > span
line-height: $height-small
.data
font-size: $fs.s
font-size: $fs.xs

.buttons
flex: none
Expand All @@ -67,7 +67,7 @@ $height-small = 2rem

& > span // Byte-order.
nudge('up', 2px)
font-size: $fs.s
font-size: $fs.xs
line-height: $height
color: var(--c-text-neutral-light)
padding-left: $cs.xs
Expand Down Expand Up @@ -135,7 +135,7 @@ $height-small = 2rem
color: var(--c-text-neutral-heavy)
top: -3rem
left: -50%
font-size: $fs.s
font-size: $fs.xs
padding: $cs.xxs
display: hidden
animation: animation-frames ease 2s
Expand Down
7 changes: 3 additions & 4 deletions pkg/webui/components/search-panel/search-panel.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@

.result-header
text-transform: uppercase
font-size: $fsv2.s
font-size: $fs.xs
color: var(--c-text-neutral-light)
font-weight: $fw.bold
padding: $cs.m $cs.xl $cs.xs $cs.xl
Expand Down Expand Up @@ -97,7 +97,7 @@
padding: $cs.s $cs.m
gap: $cs.s
color: var(--c-text-neutral-light)
font-size: $fs.s
font-size: $fs.xs
align-items: center
justify-content: space-evenly

Expand All @@ -114,7 +114,7 @@

.no-results
& > div
font-size: $fs.s
font-size: $fs.xs
width: 40%
margin: 0 auto

Expand All @@ -123,4 +123,3 @@
line-height: 1
width: fit-content
margin: 0 auto

4 changes: 2 additions & 2 deletions pkg/webui/components/sidebar/side-footer/side-footer.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
&-content
display: flex
width: 100%
font-weight: $fwv2.bold
font-weight: $fw.bolder
white-space: nowrap

.support-button
Expand Down Expand Up @@ -50,7 +50,7 @@
.side-footer-version
margin-left: $cs.xxs
color: var(--c-text-neutral-semilight)
font-weight: $fwv2.regular
font-weight: $fw.normal
overflow: hidden
text-overflow: ellipsis

Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/components/stepper/step/step.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@
transition: background $ad.s

.description
font-size: $fs.s
font-size: $fs.xs
color: var(--c-text-neutral-light)
margin-bottom: $cs.m
margin-top: 0
Expand Down
4 changes: 2 additions & 2 deletions pkg/webui/components/table/cell/cell.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,12 +54,12 @@
height: 3rem
text-transform: uppercase
font-weight: 600
font-size: $fs.s
font-size: $fs.xs
color: var(--c-text-neutral-light)
white-space: nowrap

&-panel-style
font-size: $fsv2.s
font-size: $fs.xs

&-data
height: 4rem
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/components/tabs/tab/tab.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,7 +46,7 @@
&-active
box-shadow: var(--shadow-box-button-normal)
background: var(--c-bg-neutral-min)
font-weight: $fwv2.regular
font-weight: $fw.normal
border: 1px solid var(--c-border-neutral-light)
color: var(--c-text-neutral-heavy)

Expand Down
3 changes: 1 addition & 2 deletions ...webui/console/components/blurry-network-activity-panel/blurry-network-activity-panel.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,5 +39,4 @@

.chart-date
color: var(--c-text-neutral-light)
font-size: $fs.s

font-size: $fs.xs
6 changes: 3 additions & 3 deletions pkg/webui/console/components/events/events.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ $event-container-height = 40px
display: flex
align-items: center
justify-content: center
font-size: $fs.s
font-size: $fs.xs
color: var(--c-text-warning-normal)
padding: $cs.xxs 0

Expand Down Expand Up @@ -169,7 +169,7 @@ $event-container-height = 40px
text-overflow: ellipsis
white-space: nowrap
font-family: $font-family-mono
font-size: $fs.s
font-size: $fs.xs

.cell-time
color: var(--c-text-neutral-light)
Expand Down Expand Up @@ -228,7 +228,7 @@ $event-container-height = 40px
color: var(--c-text-neutral-light)
pre
display: inline
font-size: $fs.s
font-size: $fs.xs

.sidebar
&-container
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/console/components/events/previews/previews.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,5 +14,5 @@

.plain-text
font-family: $font-family-mono
font-size: $fs.s
font-size: $fs.xs
color: var(--c-text-neutral-heavy)
2 changes: 1 addition & 1 deletion pkg/webui/console/components/events/previews/shared/description-list/description-list.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@

.description-list
font-family: $font-family-mono
font-size: $fs.s
font-size: $fs.xs
margin: 0

.container
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/console/components/events/previews/shared/json-payload/json-payload.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ $c-invalid = var(--c-bg-error-normal)
.json-payload
display: inline-block
font-family: $font-family-mono
font-size: $fs.s
font-size: $fs.xs
color: var(--c-text-neutral-heavy)

&-array
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/console/components/routing-policy/routing-policy-matrix.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
border-radius: 100%
justify-content: center
align-items: center
font-size: $fs.s
font-size: $fs.xs
font-weight: $fw.bolder

&:not(.active)
Expand Down
4 changes: 2 additions & 2 deletions pkg/webui/console/containers/application-overview-header/application-overview-header.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,12 +29,12 @@
white-space: nowrap
color: var(--c-text-neutral-heavy)
font-weight: $fw.bold
font-size: $fsv2.l
font-size: $fs.l
margin: 0

.id
color: var(--c-text-neutral-semilight)
font-size: $fs.s
font-size: $fs.xs
font-family: $font-family-mono
&-prefix
&:after
Expand Down
2 changes: 1 addition & 1 deletion pkg/webui/console/containers/deployment-component-status/component-status.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@

&-host
font-family: $font-family-mono
font-size: $fs.s
font-size: $fs.xs

.version-value
font-size: $fs.xl3
Expand Down
4 changes: 2 additions & 2 deletions pkg/webui/console/containers/device-overview-header/device-overview-header.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,12 +29,12 @@
white-space: nowrap
color: var(--c-text-neutral-heavy)
font-weight: $fw.bold
font-size: $fsv2.l
font-size: $fs.l
margin: 0

.id
color: var(--c-text-neutral-semilight)
font-size: $fs.s
font-size: $fs.xs
font-family: $font-family-mono
&-prefix
&:after
Expand Down
5 changes: 2 additions & 3 deletions pkg/webui/console/containers/gateway-overview-header/gateway-overview-header.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,12 +31,12 @@
text-overflow: ellipsis
color: var(--c-text-neutral-heavy)
font-weight: $fw.bold
font-size: $fsv2.l
font-size: $fs.l
margin: 0

.id
color: var(--c-text-neutral-semilight)
font-size: $fs.s
font-size: $fs.xs
font-family: $font-family-mono
&-prefix
&:after
Expand All @@ -49,4 +49,3 @@

.created-at-status > span
display: none

6 changes: 3 additions & 3 deletions pkg/webui/console/containers/gateway-status-panel/gateway-status-panel.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
.gtw-status-panel-upgrade-button
background: var(--c-bg-brand-extralight)
color: var(--c-text-brand-normal)
font-weight: $fwv2.medium
font-weight: $fw.medium
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .05)
margin-top: $cs.m
width: fit-content
Expand Down Expand Up @@ -70,7 +70,7 @@
align-items: center
gap: $cs.xs
margin-bottom: $cs.m
font-size: $fs.s
font-size: $fs.xs

&:first-child
margin-top: $cs.l
Expand All @@ -83,7 +83,7 @@
align-items: center
justify-content: space-between
gap: $cs.m
font-size: $fs.s
font-size: $fs.xs
margin-bottom: $cs.m

&:first-child
Expand Down
8 changes: 4 additions & 4 deletions pkg/webui/console/containers/latest-decoded-payload-panel/latest-decoded-payload-panel.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,21 +27,21 @@
top: $cs.s

.source
font-size: $fsv2.s
font-size: $fs.xs
font-weight: $fw.bold

.received
color: var(--c-text-neutral-light)
font-size: $fsv2.s
font-size: $fs.xs
font-weight: $fw.bold
text-transform: uppercase

.received-status > span
display: none

.header-title
font-weight: $fwv2.bold
font-size: $fsv2.l
font-weight: $fw.bolder
font-size: $fs.l
white-space: nowrap
text-overflow: ellipsis
overflow: hidden
Expand Down
2 changes: 1 addition & 1 deletion ...webui/console/containers/notifications-dashboard-panel/notifications-dashboard-panel.styl
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@

&-preview
margin-top: $cs.xxs
font-weight: $fwv2.regular
font-weight: $fw.normal
color: var(--c-text-neutral-light)

&-total
Expand Down
Loading
Loading