upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-02-20 00:12:30 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 38

fix(settings): Fit media into post type (app discover section)

Browse source 
Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>
This commit is contained in:
Ferdinand Thiessen 2024-03-18 19:07:35 +01:00
parent c0a9b59d26
commit e5906267ff
No known key found for this signature in database
GPG key ID: 45FAE7268762B400
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/settings/src/components/AppStoreDiscover/PostType.vue
View file

@ -192,6 +192,7 @@ export default defineComponent({
<style scoped lang="scss">
.app-discover-post {
max-height: 300px;
width: 100%;
background-color: var(--color-primary-element-light);
border-radius: var(--border-radius-rounded);
@ -210,15 +211,20 @@ export default defineComponent({
&__text {
display: block;
padding: var(--border-radius-rounded);
width: 100%;
padding: var(--border-radius-rounded);
overflow-y: scroll;
}
// If there is media next to the text we do not want a padding on the bottom as this looks weird when scrolling
&:has(&__media) &__text {
padding-block-end: 0;
}
&__media {
display: block;
overflow: hidden;
max-height: 300px;
max-width: 450px;
border-radius: var(--border-radius-rounded);
@ -262,11 +268,16 @@ export default defineComponent({
@media only screen and (max-width: 699px) {
.app-discover-post {
flex-direction: column;
max-height: 500px;
&--reverse {
flex-direction: column-reverse;
}
&__text {
flex: 1 1 50%;
}
&__media {
min-width: 100%;