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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
/*
* SonarQube
* Copyright (C) 2009-2023 SonarSource SA
* mailto:info AT sonarsource DOT com
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU Lesser General Public
* License as published by the Free Software Foundation; either
* version 3 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Lesser General Public License for more details.
*
* You should have received a copy of the GNU Lesser General Public License
* along with this program; if not, write to the Free Software Foundation,
* Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/
.icon-checkbox {
display: inline-block;
line-height: 1;
vertical-align: top;
padding: 1px 2px;
box-sizing: border-box;
}
a.icon-checkbox {
border-bottom: none;
}
.icon-checkbox:focus {
outline: none !important;
}
.icon-checkbox:before {
content: ' ';
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid var(--darkBlue);
border-radius: 2px;
transition: border-color 0.2s ease, background-color 0.2s ease, background-image 0.2s ease,
box-shadow 0.4s ease;
}
.icon-checkbox:not(.icon-checkbox-disabled):focus:before,
.link-checkbox:not(.disabled):focus:focus .icon-checkbox:before {
box-shadow: 0 0 0 3px rgba(35, 106, 151, 0.25);
}
.icon-checkbox-checked:before {
background-color: var(--blue);
background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M12%204.665c0%20.172-.06.318-.18.438l-5.55%205.55c-.12.12-.266.18-.438.18s-.318-.06-.438-.18L2.18%207.438C2.06%207.317%202%207.17%202%207s.06-.318.18-.44l.878-.876c.12-.12.267-.18.44-.18.17%200%20.317.06.437.18l1.897%201.903%204.233-4.24c.12-.12.266-.18.438-.18s.32.06.44.18l.876.88c.12.12.18.265.18.438z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fsvg%3E');
border-color: var(--blue);
}
.icon-checkbox-checked.icon-checkbox-single:before {
background-image: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%221.414%22%3E%3Cpath%20d%3D%22M10%204.698C10%204.312%209.688%204%209.302%204H4.698C4.312%204%204%204.312%204%204.698v4.604c0%20.386.312.698.698.698h4.604c.386%200%20.698-.312.698-.698V4.698z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
}
.icon-checkbox-disabled:before {
border: 1px solid var(--disableGrayText);
cursor: not-allowed;
}
.icon-checkbox-disabled.icon-checkbox-checked:before {
background-color: var(--disableGrayText);
}
.icon-checkbox-invisible {
visibility: hidden;
}
.link-checkbox {
color: inherit;
border-bottom: none;
}
.link-checkbox.disabled,
.link-checkbox.disabled:hover,
.link-checkbox.disabled label {
color: var(--secondFontColor);
cursor: not-allowed;
}
.link-checkbox:hover,
.link-checkbox:active,
.link-checkbox:focus {
color: inherit;
}
|