fix(skins): keep menu links visible and align native select look

The wrapper had width:100% which pushed the right-side menu links
(mail/contacts/settings/logout) out of #taskbar in Classic, and the
global custom select styling defeated Roundcube's native select
rendering — even when reset — because any background-image on a
<select> disables the native gradient/rounded corners.

- Scope the custom appearance/SVG-chevron CSS to Elastic and Larry
- Add a Classic-specific rule (width:auto, max-width, -2px nudge) that
  preserves Roundcube's native select look in #taskbar
- Drop the inline padding:0 imposed by the PHP renderer; let CSS own it
- Cap the Larry wrapper width to keep .button-logout in flow, and move
  the Larry-only styling out of the JS into the scoped CSS rule

Fixes #1
This commit is contained in:
Laurent Dinclaux
2026-05-12 17:02:32 +11:00
parent 8385197f11
commit 8f45736b1b
3 changed files with 38 additions and 9 deletions

View File

@@ -57,7 +57,7 @@ $(function() {
});
/**
* Place switcher in Larry skin: replace username in top-right corner.
* Place switcher in Larry skin: replace username in top-right corner of #topline.
*/
function plugin_switchIdent_addCbLarry($wrapper, $sw) {
var $topRight = $('#topline .topright');
@@ -65,11 +65,6 @@ function plugin_switchIdent_addCbLarry($wrapper, $sw) {
return false;
}
$sw.css({
'font-weight': 'bold',
'text-overflow': 'ellipsis'
});
$topRight.find('.username').hide();
$topRight.prepend($wrapper);
return true;