AkkomaGang/akkoma-fe
4
13
Fork 56
Code Issues 74 Pull requests 14 Projects Releases 1 Wiki Activity

improvements to relative font sizes

Browse source
This commit is contained in:
Henry Jameson 2022-04-10 22:09:46 +03:00
parent 666498e7b7
commit f27226b55c
3 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/App.scss
View file

@ -301,7 +301,7 @@ nav {
cursor: pointer; cursor: pointer;
box-shadow: $fallback--buttonShadow; box-shadow: $fallback--buttonShadow;
box-shadow: var(--buttonShadow); box-shadow: var(--buttonShadow);
font-size: 1rem; font-size: 1em;
font-family: sans-serif; font-family: sans-serif;
font-family: var(--interfaceFont, sans-serif); font-family: var(--interfaceFont, sans-serif);
@ -429,7 +429,7 @@ textarea,
color: var(--inputText, $fallback--lightText); color: var(--inputText, $fallback--lightText);
font-family: sans-serif; font-family: sans-serif;
font-family: var(--inputFont, sans-serif); font-family: var(--inputFont, sans-serif);
font-size: 1rem; font-size: 1em;
margin: 0; margin: 0;
box-sizing: border-box; box-sizing: border-box;
display: inline-block; display: inline-block;
@ -730,7 +730,7 @@ i[class*=icon-],
} }
.btn.button-default { .btn.button-default {
min-height: 28px; min-height: 2em;
} }
.new-status-notification { .new-status-notification {

2
src/components/popover/popover.vue
View file

@ -65,7 +65,7 @@
.dropdown-menu { .dropdown-menu {
display: block; display: block;
padding: .5rem 0; padding: .5rem 0;
font-size: 1rem; font-size: 1em;
text-align: left; text-align: left;
list-style: none; list-style: none;
max-width: 100vw; max-width: 100vw;

13
src/panel.scss
View file

@ -28,7 +28,8 @@
.panel-body:empty::before { .panel-body:empty::before {
content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations content: "¯\\_(ツ)_/¯"; // Could use words but it'd require translations
display: block; margin: 1em; display: block;
margin: 1em;
text-align: center; text-align: center;
} }
@ -42,18 +43,18 @@
background-size: cover; background-size: cover;
padding: 0.6em 0.6em; padding: 0.6em 0.6em;
text-align: left; text-align: left;
line-height: 28px; line-height: calc(var(--panel-heading-height) / 2);
color: var(--panelText); color: var(--panelText);
background-color: $fallback--bg; background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg); background-color: var(--bg, $fallback--bg);
align-items: baseline; align-items: baseline;
height: var(--panelHeadingHeight); height: var(--panel-heading-height);
z-index: -2; z-index: -2;
--panelHeadingHeight: 45px; --panel-heading-height: 3.2em;
&.-flexible-height { &.-flexible-height {
--panelHeadingHeight: auto; --panel-heading-height: auto;
&::after, &::after,
&::before { &::before {
@ -92,7 +93,7 @@
z-index: -1; z-index: -1;
border-radius: $fallback--panelRadius $fallback--panelRadius 0 0; border-radius: $fallback--panelRadius $fallback--panelRadius 0 0;
border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0; border-radius: var(--panelRadius, $fallback--panelRadius) var(--panelRadius, $fallback--panelRadius) 0 0;
mask: linear-gradient(to bottom, white var(--panelHeadingHeight), transparent var(--panelHeadingHeight)); mask: linear-gradient(to bottom, white var(--panel-heading-height), transparent var(--panel-heading-height));
} }
.title { .title {