1920x550 main view re-layout - 20221108

[franktw956]

Just for personal favorite, and I'd like to share the media.css changes if someone is interested to modify.

Enlarge the albumart and add image border

Code:

img.coverart {width:88vh;border:2px solid #fff;border-radius: 15%;}

Remove some metadata displays

Code:

#extra-tags-display {display:none;}

#currentalbum {display:none;}

#currentartist {display:none;}

Move HD / HiRes badge into Time Knob circle

Code:

.playback-hd-badge {margin:auto; display:block;width: 3%;position:absolute;top:22%;left:48.2%;font-size:1.3rem;}

Fine tune Time Knob

Code:

#countdown {margin:0 auto;height:17.5vw;width:17.5vw;}

#countdown div {margin:0 auto;} /* needed to center the knob */

#countdown-display {position:absolute;top:51%;left:50%;margin-right:0px;margin-bottom:0px;transform:translate(-50%, -50%);font-size:2.5vw;font-weight:500;cursor:pointer;}

#total {position:absolute;top:68%;left:50%;transform:translate(-50%);font-size:1.5vw;}

.total-radio {top:70%!important;}

Move currentsong text in between playbar and bottom menu

Code:

#currentsong  {width:500px;position:absolute;top:85.8%;left:50%;font-size:1.1vw; word-wrap: break-word;margin-right:0px;margin-bottom:0px;transform:translate(-50%, -50%);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

[Tim Curtis]

Thats pretty cool.

Btw, in the coming days there will be commits related to refactoring the code for the config screens and related components. It's being done incrementally so there may be layout and style issues in various screens before the entire effort os compete.

[franktw956]

Great, I have various LCD/monitors for testing -

- 2560x1080
- 1920x1080
- 1920x550
- 1920x480
- 1280x720
- 1024x600
- 800x480

[Tim Curtis]

That will be very helpful. The latest commits tonight include:

- Refactored Renderers and Bluetooth screens
- Default to Playback view on startup
-