Add top transfer dropdown

This commit is contained in:
DonVoo 2026-07-12 23:46:44 +02:00
parent 6675e73b0f
commit e8fc294c5d
3 changed files with 113 additions and 16 deletions

View file

@ -60,9 +60,56 @@ body.ol2013 {
padding: 0 16px; height: 100%;
color: #eaf3fb; text-decoration: none;
border-bottom: 3px solid transparent;
background: transparent;
border-left: 0;
border-right: 0;
border-top: 0;
font: inherit;
cursor: pointer;
}
.tab:hover { background: var(--ol-blue-dark); color: #fff; }
.tab.active { background: #fff; color: var(--ol-blue); border-bottom-color: #fff; }
.ribbon-menu {
position: relative;
height: 100%;
}
.ribbon-menu-button::after {
content: "";
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid currentColor;
}
.ribbon-dropdown {
position: absolute;
top: 44px;
left: 0;
min-width: 238px;
background: #fff;
color: var(--ol-text);
border: 1px solid var(--ol-border);
box-shadow: 0 7px 18px rgba(0, 0, 0, .18);
display: none;
z-index: 25;
}
.ribbon-menu.open .ribbon-dropdown { display: block; }
.ribbon-dropdown-item {
display: block;
padding: 9px 13px;
color: var(--ol-text);
text-decoration: none;
border-left: 3px solid transparent;
}
.ribbon-dropdown-item:hover {
background: #eef6fd;
}
.ribbon-dropdown-item.active {
color: var(--ol-blue-dark);
background: var(--ol-sel);
border-left-color: var(--ol-blue);
font-weight: 600;
}
.mail-logo {
position: relative;
width: 17px;