Optically center weather font glyphs
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
font-family: 'Daira by LTV grafika';
|
||||
font-size: 30px;
|
||||
display:inline-flex;align-items:center;justify-content:center;
|
||||
width:46px;height:46px;min-height:46px;
|
||||
width:50px;height:50px;min-height:50px;
|
||||
background:#f4f6f8;border:1px solid #d9e0e8;border-radius:10px;
|
||||
padding:0;margin:0;
|
||||
cursor: pointer;
|
||||
@@ -24,3 +24,5 @@
|
||||
}
|
||||
.weatherIconButton.selected{background:#17212d;border-color:#17212d;color:#fff;box-shadow:0 0 0 3px var(--accent-pale)}
|
||||
.weatherIconButton:focus-visible{outline:3px solid var(--accent-soft);outline-offset:2px}
|
||||
.weatherGlyph{display:block;flex:none;color:inherit;pointer-events:none}
|
||||
.symbolPalette{grid-template-columns:repeat(auto-fill,50px)!important}.selectedPreview{width:46px!important;height:46px!important}.selectedPreview,.currentSymbol{font-family:inherit!important}
|
||||
|
||||
Reference in New Issue
Block a user