added Maximum Element Scale
This commit is contained in:
parent
2361cfaebe
commit
5e3bdd96f3
5 changed files with 30 additions and 4 deletions
|
@ -554,6 +554,7 @@
|
|||
"settings.option.experimental.unknownPlugin.description": "Allow installation of plugins from repos other than the Cider Plugin Repository",
|
||||
"settings.option.experimental.compactUI": "Compact UI",
|
||||
"settings.option.window.close_button_hide": "Close Button Should Hide the Application",
|
||||
"settings.option.window.maxElementScale": "Maximum Element Scale",
|
||||
"settings.option.experimental.inline_playlists": "Inline Playlists and Albums",
|
||||
"settings.option.advanced.playlistTrackMapping": "Playlist Track Mapping",
|
||||
"settings.option.advanced.playlistTrackMapping.description": "Enables deep scanning of playlists to determine which tracks are in which playlists. Playlist cache build times can increase significantly.",
|
||||
|
|
|
@ -554,6 +554,7 @@
|
|||
"settings.option.experimental.unknownPlugin.description": "Allow installation of plugins from repos other than the Cider Plugin Repository",
|
||||
"settings.option.experimental.compactUI": "Compact UI",
|
||||
"settings.option.window.close_button_hide": "Close Button Should Hide the Application",
|
||||
"settings.option.window.maxElementScale": "Maximum Element Scale",
|
||||
"settings.option.experimental.inline_playlists": "Inline Playlists and Albums",
|
||||
"settings.option.advanced.playlistTrackMapping": "Playlist Track Mapping",
|
||||
"settings.option.advanced.playlistTrackMapping.description": "Enables deep scanning of playlists to determine which tracks are in which playlists. Playlist cache build times can increase significantly.",
|
||||
|
|
|
@ -239,7 +239,8 @@ export class Store {
|
|||
"windowColor": "#000000",
|
||||
"customAccentColor": false,
|
||||
"accentColor": "#fc3c44",
|
||||
"purplePodcastPlaybackBar": false
|
||||
"purplePodcastPlaybackBar": false,
|
||||
"maxContentScale": -1 // -1 default, anything else is a custom scale
|
||||
},
|
||||
"lyrics": {
|
||||
"enable_mxm": false,
|
||||
|
|
|
@ -1097,11 +1097,11 @@ const app = new Vue({
|
|||
},
|
||||
setWindowScaleFactor() {
|
||||
let scale = window.devicePixelRatio * window.innerWidth / 1280 * window.innerHeight / 720
|
||||
|
||||
let desiredScale = parseFloat(app.cfg.visual.maxElementScale == -1 ? 1.6 : app.cfg.visual.maxElementScale)
|
||||
if(scale <= 1) {
|
||||
scale = 1
|
||||
}else if(scale >= 1.4) {
|
||||
scale = 1.4
|
||||
}else if(scale >= desiredScale) {
|
||||
scale = desiredScale
|
||||
}
|
||||
document.documentElement.style
|
||||
.setProperty('--windowRelativeScale', scale);
|
||||
|
|
|
@ -555,6 +555,29 @@
|
|||
<span>{{$root.getLz('settings.header.window')}}</span>
|
||||
</div>
|
||||
<div class="settings-option-body">
|
||||
<div class="md-option-line">
|
||||
<div class="md-option-segment">
|
||||
{{$root.getLz("settings.option.window.maxElementScale")}}
|
||||
</div>
|
||||
<div class="md-option-segment md-option-segment_auto">
|
||||
<label>
|
||||
<select @change="$root.setWindowScaleFactor()" class="md-select" v-model="app.cfg.visual.maxElementScale" >
|
||||
<option value="-1">Default (1.6x)</option>
|
||||
<option value="1">1.0x</option>
|
||||
<option value="1.1">1.1x</option>
|
||||
<option value="1.2">1.2x</option>
|
||||
<option value="1.3">1.3x</option>
|
||||
<option value="1.4">1.4x</option>
|
||||
<option value="1.5">1.5x</option>
|
||||
<option value="1.6">1.6x</option>
|
||||
<option value="1.7">1.7x</option>
|
||||
<option value="1.8">1.8x</option>
|
||||
<option value="1.9">1.9x</option>
|
||||
<option value="2.0">2.0x</option>
|
||||
</select>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="md-option-line" v-show="app.platform !== 'darwin'">
|
||||
<div class="md-option-segment">
|
||||
{{$root.getLz("settings.option.window.close_button_hide")}}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue