bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Local timeline: restore column settings

Browse source
This commit is contained in:
Alex Gleason 2021-10-15 17:11:16 -05:00
parent 04787678a2
commit b236e11225
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
8 changed files with 50 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
app/soapbox/components/sub_navigation.js
View file

Binary file not shown.

BIN
app/soapbox/features/community_timeline/components/column_settings.js
View file

Binary file not shown.

BIN
app/soapbox/features/community_timeline/index.js
View file

Binary file not shown.

BIN
app/soapbox/features/ui/components/component_modal.js Normal file
View file

Binary file not shown.

BIN
app/soapbox/features/ui/components/modal_root.js
View file

Binary file not shown.

BIN
app/soapbox/features/ui/util/async-components.js
View file

Binary file not shown.

39
app/styles/components/columns.scss
View file

@ -596,6 +596,45 @@
font-size: 20px; font-size: 20px;
} }
.component-modal {
@include standard-panel;
width: 400px;
max-width: calc(100% - 20px);
}
.column-settings {
width: 100%;
&__header {
border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.2);
padding: 10px 20px;
display: flex;
align-items: center;
}
&__title {
font-weight: bold;
color: var(--primary-text-color--faint);
}
&__content {
padding: 10px 20px;
}
&__close {
display: flex;
align-items: center;
justify-content: center;
margin-left: auto;
.svg-icon {
width: 20px;
height: 20px;
margin-right: -10px;
}
}
}
.column-settings__outer { .column-settings__outer {
background: var(--brand-color--med); background: var(--brand-color--med);
padding: 15px; padding: 15px;

11
app/styles/navigation.scss
View file

@ -166,6 +166,17 @@
font-weight: bold; font-weight: bold;
} }
&__cog {
display: flex;
align-items: center;
justify-content: center;
.svg-icon {
width: 20px;
height: 20px;
}
}
@media (min-width: 580px) { @media (min-width: 580px) {
border-top-left-radius: 10px; border-top-left-radius: 10px;
border-top-right-radius: 10px; border-top-right-radius: 10px;