diff -urN ../roundcube-thunderbird_labels-1.6.1.orig/skins/classic/tb_label.css ./skins/classic/tb_label.css --- ../roundcube-thunderbird_labels-1.6.1.orig/skins/classic/tb_label.css 2023-02-02 08:06:38.000000000 +0200 +++ ./skins/classic/tb_label.css 2024-04-22 22:31:30.850923000 +0300 @@ -206,4 +206,75 @@ .tb_label_badges.label5 { background-color: #993399 !important; -} \ No newline at end of file +} + + +div#mailrightcontainer.widescreen .messagelist span.tb_label_dots.bullets { + margin-top: -4px; + margin-bottom: 1.7em; +} +div#mailrightcontainer.widescreen .messagelist span.tb_label_dots.badges { + margin-left: 1.6em; +} + +div#mailrightcontainer.desktop .messagelist span.tb_label_dots.badges, +div#mailrightcontainer.list .messagelist span.tb_label_dots.badges +{ + margin-left: 1.8em; +} + + +/* option 2: bullets and badges after subject in desktop and list layout, rows height minimized */ +/* +div#mailrightcontainer.desktop .messagelist span.tb_label_dots, +div#mailrightcontainer.list .messagelist span.tb_label_dots { + display: inline-block; + margin-top: 0; + margin-bottom: 0; +} +div#mailrightcontainer.desktop span.tb_label_dots span.tb_label_badges, +div#mailrightcontainer.list span.tb_label_dots span.tb_label_badges { + margin-top: 0; + margin-bottom: 0; +} +*/ + +/* option 3: bullets and badges after subject, flex */ +.messagelist tbody tr td.subject { + height: unset; +} +.messagelist tbody tr td.subject { + display: flex; + flex-wrap: wrap; + width: 100%; +} +.messagelist td.subject span.fromto { + width: 100%; +} +div#mailrightcontainer.widescreen .messagelist td.subject span.subject, +div#mailrightcontainer.desktop .messagelist td.subject a, +div#mailrightcontainer.list .messagelist td.subject a +{ + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + line-height: 20px; +} +div#mailrightcontainer.widescreen .messagelist td.subject span.subject { + min-width: 50%; +} +div#mailrightcontainer.desktop .messagelist td.subject a, +div#mailrightcontainer.list .messagelist td.subject a +{ + min-width: 60%; +} +span.tb_label_dots.badges { + margin-top: 4px; + margin-right: -8px; +} +span.tb_label_dots.bullets { + margin-top: 8px; + margin-bottom: 12px; + margin-right: 0; +} diff -urN ../roundcube-thunderbird_labels-1.6.1.orig/skins/larry/tb_label.css ./skins/larry/tb_label.css --- ../roundcube-thunderbird_labels-1.6.1.orig/skins/larry/tb_label.css 2023-02-02 08:06:38.000000000 +0200 +++ ./skins/larry/tb_label.css 2024-04-22 04:55:24.144848000 +0300 @@ -16,7 +16,7 @@ display: block; */ right: 3px; top: 1.2em; - height: 0px; +/* height: 0px; */ } /* hack for firefox : doesn't display the bullets at the correct height */ @@ -81,6 +81,89 @@ margin: 3px 1.1em 1.5em 1.4em; clear: both; } + + +div#mainscreencontent.widescreen .messagelist td.subject { + display: flex; + flex-wrap: wrap; + min-height: 47px; +} +div#mainscreencontent.widescreen .messagelist td.subject span.fromto { + width: 100%; +} +div#mainscreencontent.widescreen .messagelist td.subject span.subject { + flex: 1; + min-width: 40%; +} +div#mainscreencontent.widescreen .messagelist span.tb_label_dots.bullets { + display: inline-block; + margin: -10px 0 0 1.4em; +} +/* at the same line as subject */ +div#mainscreencontent.widescreen .messagelist span.tb_label_dots.badges { + display: inline-block; + margin: 3px -8px 2px 1.4em; +} +/* at the separate line */ +/* +div#mainscreencontent.widescreen .messagelist span.tb_label_dots.badges { + display: inline-block; + margin: 3px 0 0 21px; + min-height: 20px; + width: 100%; +} +*/ + +div#mainscreencontent.desktop .messagelist td.subject { + display: flex; + flex-wrap: wrap; +/* box-sizing: border-box; */ + overflow: hidden; +} +div#mainscreencontent.desktop .messagelist td.subject a { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: 3px; + min-width: 40%; +} +div#mainscreencontent.desktop .messagelist span.tb_label_dots.bullets { + display: inline-block; + margin: 1px 0 0 22px; +} +div#mainscreencontent.desktop .messagelist span.tb_label_dots.badges { + display: inline-block; + margin: 3px -6px 0 24px; +} + +div#mainscreencontent.list .messagelist td.subject { + display: flex; + flex-wrap: wrap; +/* box-sizing: border-box; */ + overflow: hidden; +} +div#mainscreencontent.list .messagelist td.subject a { + flex: 1; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-top: 3px; + min-width: 40%; +} +div#mainscreencontent.list .messagelist span.tb_label_dots.bullets { + display: inline-block; + margin: 1px 0 0 22px; +} +div#mainscreencontent.list .messagelist span.tb_label_dots.badges { + display: inline-block; + margin: 3px -6px 0 24px; +} + +table.headers-table div#labelbox { + right: 24px; +} + span.tb_label_dots.badges { vertical-align: middle;