blob: 167aadf05226d1ba47b871fab1920f5f854993b9 (
plain)
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
92
93
94
95
96
97
|
[piwik-period-selector] {
display: inline-block;
&.compare-dropdown-open {
label[for=comparePeriodEndDate] {
visibility: hidden;
}
#comparePeriodEndDate .input-field {
position: static; // needed when dropdown is open, since dropdown content is position: absolute, and this is position: relative, which causes it to show up in the background of the dropdown
}
}
// overrides theme CSS that always hides .loadingPiwik. since we use an ng-if to make
// sure it's only shown when we're actually loading a new page, it's not necessary to
// forcefully hide it.
.loadingPiwik {
display: inline-block !important;
}
.compare-checkbox {
margin-bottom: 20px;
}
.compare-date-range {
padding-top: 20px;
}
#comparePeriodToDropdown {
height: 30px;
display: inline-block;
width: 60%;
transform: scale(.9);
margin-left: -2%;
margin-right: -5%;
// dropdown width/height looks off due to scaling
.dropdown-content {
width: auto !important;
height: auto !important;
}
.form-group {
margin: 0;
}
.input-field {
margin-top: 0;
}
.select-dropdown {
margin-bottom: 0;
}
.dropdown-content {
overflow-y: visible;
}
}
div#comparePeriodStartDate, div#comparePeriodEndDate {
display: inline-block;
width: calc(~"50% - 20px");
.form-group {
margin: 0;
}
.input-field {
margin-top: 0;
padding: 0;
}
.select-dropdown {
margin-bottom: 0;
}
}
.compare-dates-separator {
height: 1px;
margin-left: 8px;
margin-right: 8px;
background-color: @color-silver-l14;
width: 16px;
display: inline-block;
vertical-align: top;
margin-top: 30px;
}
label[for=comparePeriodTo] {
transform: scale(.9);
}
.apply-button-container {
text-align: right;
}
}
|
