1/**
2 * This file provides styles for magic matcher plugin
3 */
4
5/* + + + + + + + + + + + + + + + + + + + + + + + */
6/* magic matcher bar with form on top of page */
7#spr__magic-matcher {
8    position: fixed;
9    top: 0;
10    left: 0;
11    width: 100%;
12
13    .container {
14        @media @screen_md-lg {
15            margin-left: 1.8rem;
16        }
17    }
18
19    #mm__issueselect_chosen {
20        max-width: 50%;
21    }
22
23    select[name="mmissues"] + div.chosen-container {
24        max-width: 67%;
25    }
26
27    button[name="toggleSuggestions"] {
28        position: absolute;
29        right: 0;
30        top: 0;
31        border: 0;
32        border-bottom: 1px solid @ini_border;
33        border-left: 1px solid @ini_border;
34        color: @ini_nav_menu_color;
35        background: #fff;
36        border-radius: 0;
37        border-bottom-left-radius: 5px;
38
39        &:hover,
40        &:focus,
41        &:active {
42            border-color: @ini_button_background;
43            color: @ini_button_background;
44        }
45    }
46
47    #magicmatcher__context {
48        position: relative;
49        width: 100%;
50        min-height: @height-context-bar;
51        box-sizing: border-box;
52        box-shadow: @box-shadow;
53        background-color: @ini_background;
54        border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
55        font-size: @font-size-default;
56        padding: .8em 1em .5em;
57        margin-bottom: 0;
58
59        .chosen-container-single,
60        .chosen-container-single *,
61        #mm_issue_loading,
62        .mm__status,
63        .toggleSuggestions {
64            font-size: @font-size-default;
65        }
66
67        .chosen-container-single {
68            .chosen-single span {
69                line-height: @line-height-bigger;
70            }
71        }
72
73        @media @screen_max-md {
74            padding-top: @margin-default;
75
76            .chosen-container {
77                display: block;
78                min-width: 100%;
79                max-width: 100%;
80                margin-bottom: .5rem;
81            }
82        }
83    }
84}
85
86/* + + + + +  in content  + + + + + */
87a.jiralink {
88    font-size: @font-size-default;
89
90    img {
91        float: left;
92        display: inline-block;
93        margin-top: .13em;
94        margin-right: 3px;
95    }
96
97    span.mm__status {
98        display: inline-block;
99        font-size: @font-size-default;
100        margin-left: 5px;
101        padding: 1px 4px;
102    }
103}
104
105/* + + + + +  tooltip in metabox  + + + + + */
106.dokuwiki {
107    .serverToolTip {
108        box-shadow: @box-shadow;
109        border-radius: @fix_border-radius;
110        font-size: @font-size-default;
111
112        h1.issueTitle {
113            font-size: @font-size-default;
114        }
115
116        h2 {
117            font-size: @font-size-small;
118        }
119
120        ul {
121            margin-top: @small-spacing;
122        }
123
124        p,
125        li {
126            font-size: (@font-size-small - .06);
127
128            * {
129                font-size: inherit;
130            }
131        }
132
133        p {
134            margin-top: @small-spacing;
135            margin-bottom: @small-spacing;
136        }
137
138        .components {
139            .component {
140                font-size: (@font-size-small - .06);
141            }
142        }
143
144        .labels {
145            .label {
146                font-size: (@font-size-small - .06);
147            }
148        }
149
150        .descriptionTeaser {
151            font-size: (@font-size-small - .06);
152            margin-top: (@small-spacing * 2);
153            margin-bottom: (@small-spacing * 2);
154        }
155    }
156}
157
158/* + + + + +  no js version  + + + + + */
159.no-js {
160    #spr__magic-matcher {
161        display: none;
162    }
163}
164
165.do-admin #dokuwiki__content {
166    #magicmatcher__repoadmin,
167    #magicmatcher_adminimport {
168        .tabs li {
169            a {
170                cursor: pointer;
171            }
172            &.active {
173                a {
174                    cursor: default;
175                }
176            }
177        }
178
179        .service_wrapper > a{
180            display: inline-block;
181            margin-top: 20px;
182        }
183    }
184}
185
186/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
187/* max-width: 1023px */
188@media @screen_max-lg {
189    #spr__magic-matcher {
190        #magicmatcher__context {
191            .chosen-container-single {
192                width: 20% !important;
193
194                + select + .chosen-container-single {
195                    width: 58% !important;
196                }
197            }
198        }
199    }
200}
201
202@media @screen_max-md {
203    #spr__magic-matcher {
204        display: none;
205    }
206}
207
208/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
209/* print */
210/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
211@media print {
212    #spr__magic-matcher {
213        display: none;
214    }
215}
216