theme: Use tabular figures where appropriate

In places where numbers appear in columns (like the calendar widget) or
where changing numbers would result in labels jiggling around due to
small width changes (like the clock), use the newly added
font-feature-settings support to request tabular figures.

https://gitlab.gnome.org/GNOME/gnome-shell/issues/34
This commit is contained in:
Ryan Hendrickson 2018-05-17 10:45:02 -04:00
parent f56ba0877a
commit 68b01a8f56

View File

@ -733,6 +733,7 @@ StScrollBar {
transition-duration: 500ms; transition-duration: 500ms;
font-weight: bold; font-weight: bold;
height: 1.86em; height: 1.86em;
font-feature-settings: "tnum";
&.unlock-screen, &.unlock-screen,
&.login-screen, &.login-screen,
@ -958,6 +959,7 @@ StScrollBar {
padding: 0.1em; padding: 0.1em;
margin: 2px; margin: 2px;
border-radius: 1.4em; border-radius: 1.4em;
font-feature-settings: "tnum";
&:hover,&:focus { background-color: lighten($bg_color,5%); } &:hover,&:focus { background-color: lighten($bg_color,5%); }
&:active,&:selected { &:active,&:selected {
color: lighten($selected_fg_color,5%); color: lighten($selected_fg_color,5%);
@ -1867,6 +1869,7 @@ StScrollBar {
.screen-shield-clock-time { .screen-shield-clock-time {
font-size: 72pt; font-size: 72pt;
text-shadow: 0px 2px 2px rgba(0,0,0,0.4); text-shadow: 0px 2px 2px rgba(0,0,0,0.4);
font-feature-settings: "tnum";
} }
.screen-shield-clock-date { .screen-shield-clock-date {