sam/pleroma-fe
sam/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases 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;
box-shadow: $fallback--buttonShadow;
box-shadow: var(--buttonShadow);
font-size: 1rem;
font-size: 1em;
font-family: sans-serif;
font-family: var(--interfaceFont, sans-serif);
@ -429,7 +429,7 @@ textarea,
color: var(--inputText, $fallback--lightText);
font-family: sans-serif;
font-family: var(--inputFont, sans-serif);
font-size: 1rem;
font-size: 1em;
margin: 0;
box-sizing: border-box;
display: inline-block;
@ -730,7 +730,7 @@ i[class*=icon-],
}
.btn.button-default {
min-height: 28px;
min-height: 2em;
}
.new-status-notification {

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

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

13
src/panel.scss
View file

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