therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'threecolumn' into 'develop'

Browse source 
Layout refactoring + Three column mode

See merge request pleroma/pleroma-fe!1503
This commit is contained in:
HJ 2022-05-31 17:46:59 +00:00
commit 0aa334515b
75 changed files with 1458 additions and 1377 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/settings_modal/tabs/general_tab.js
View file

@ -38,6 +38,11 @@ const GeneralTab = {
value: mode,
label: this.$t(`settings.mention_link_display_${mode}`)
})),
thirdColumnModeOptions: ['none', 'notifications', 'postform'].map(mode => ({
key: mode,
value: mode,
label: this.$t(`settings.third_column_mode_${mode}`)
})),
loopSilentAvailable:
// Firefox
Object.getOwnPropertyDescriptor(HTMLVideoElement.prototype, 'mozHasAudio') ||

20
src/components/settings_modal/tabs/general_tab.vue
View file

@ -64,6 +64,26 @@
{{ $t('settings.virtual_scrolling') }}
</BooleanSetting>
</li>
<li>
<BooleanSetting path="disableStickyHeaders">
{{ $t('settings.disable_sticky_headers') }}
</BooleanSetting>
</li>
<li>
<BooleanSetting path="showScrollbars">
{{ $t('settings.show_scrollbars') }}
</BooleanSetting>
</li>
<li>
<ChoiceSetting
v-if="user"
id="thirdColumnMode"
path="thirdColumnMode"
:options="thirdColumnModeOptions"
>
{{ $t('settings.third_column_mode') }}
</ChoiceSetting>
</li>
<li>
<BooleanSetting
path="alwaysShowNewPostButton"

2
src/components/settings_modal/tabs/mutes_and_blocks_tab.scss
View file

@ -8,7 +8,7 @@
.bulk-actions {
text-align: right;
padding: 0 1em;
min-height: 28px;
min-height: 2em;
}
.bulk-action-button {

2
src/components/settings_modal/tabs/profile_tab.scss
View file

@ -89,7 +89,7 @@
&-bulk-actions {
text-align: right;
padding: 0 1em;
min-height: 28px;
min-height: 2em;
button {
width: 10em;

19
src/components/settings_modal/tabs/theme_tab/theme_tab.scss
View file

@ -245,25 +245,8 @@
border-color: var(--border, $fallback--border);
}
.panel-heading {
.badge, .alert, .btn, .faint {
margin-left: 1em;
white-space: nowrap;
}
.faint {
text-overflow: ellipsis;
min-width: 2em;
overflow-x: hidden;
}
.flex-spacer {
flex: 1;
}
}
.btn {
margin-left: 0;
padding: 0 1em;
min-width: 3em;
min-height: 30px;
}
}
}
@ -342,7 +325,7 @@
.btn {
flex-grow: 1;
min-height: 28px;
min-height: 2em;
min-width: 0;
max-width: 10em;
padding: 0;