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