roundcube-ident_switch/ident_switch.css at main · Gecka-Apps/roundcube-ident_switch · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
/**
 * ident_switch - Account switcher styles.
 *
 * Copyright (C) 2026 Gecka
 *
 * Licensed under AGPL-3.0+.
 *
 * @url https://github.com/Gecka-apps/ident_switch
 */

/* Wrapper around <select> + badge */
.ident-switch-wrapper {
	display: inline-flex;
	align-items: center;
	width: 100%;
}

/* Account switcher <select>: hide native arrow, show SVG chevron */
.ident-switch-wrapper select {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23ccc'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 0.3em center;
	background-size: 10px 6px;
}

/* Unread badge */
.ident-switch-badge {
	flex-shrink: 0;
	min-width: 1.4em;
	padding: 0.2em 0.5em;
	font-size: 0.7em;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background-color: #e74c3c;
	border-radius: 1em;
	margin-left: 0.3em;
}