hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

refactor css for timeline buttons, make it a bit easier to tap them

Browse source
This commit is contained in:
Henry Jameson 2022-09-28 21:16:05 +03:00
commit c041d7aa9b
4 changed files with 47 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/components/timeline/timeline.scss
View file

@ -13,6 +13,36 @@
background-color: var(--cGreen);
}
.timeline-header-button {
align-self: stretch;
text-align: center;
width: var(--__panel-heading-height);
height: var(--__panel-heading-height);
margin: calc(-1 * var(--panel-heading-height-padding));
> button {
box-sizing: border-box;
padding: calc(1 * var(--panel-heading-height-padding));
height: 100%;
width: 100%;
text-align: center;
svg {
font-size: 1.2em;
}
}
}
.timeline-header-icon {
align-self: stretch;
text-align: center;
width: var(--__panel-heading-height);
svg {
font-size: 1.2em;
}
}
.loadmore-button {
position: relative
}