xref: /template/sprintdoc/css/plugins/magic-matcher.less (revision 7cc53208e5160fc7a636660bd27e9e03d11dcbc0) 
1/**
2 * This file provides styles for magic matcher plugin
3 */
4
5
6/* + + + + + + + + + + + + + + + + + + + + + + + */
7/* magic matcher bar with form on top of page */
8
9#spr__magic-matcher {
10    position: fixed;
11    top: 0;
12    left: 0;
13    width: 100%;
14
15    #mm__issueselect_chosen {
16        max-width: 50%;
17    }
18
19    button[name="toggleSuggestions"] {
20        position: absolute;
21        right: 0;
22        top: 0;
23        border: 0;
24        border-bottom: 1px solid @ini_border;
25        border-left: 1px solid @ini_border;
26        color: @ini_nav_menu_color;
27        background: #fff;
28        border-radius: 0;
29        border-bottom-left-radius: 5px;
30
31        &:hover,
32        &:focus,
33        &:active {
34            border-color: @ini_button_background;
35            color: @ini_button_background;
36        }
37    }
38
39    #magicmatcher__context {
40        position: relative;
41        z-index: 100;
42        width: 100%;
43        min-height: @height-context-bar;
44        box-sizing: border-box;
45        box-shadow: @box-shadow;
46        background-color: @ini_background_content;
47        border-radius: 0 0 @ini_default_border_radius @ini_default_border_radius;
48        font-size: @font-size-default;
49        padding: .8em 1em .5em;
50        margin-bottom: 0;
51
52        .chosen-container-single,
53        .chosen-container-single *,
54        #mm_issue_loading,
55        .mm__status,
56        .toggleSuggestions {
57            font-size: @font-size-default;
58        }
59
60        .chosen-container-single {
61            .chosen-single span {
62                line-height: @line-height-bigger;
63            }
64        }
65
66        @media @screen_max-md {
67            padding-top: @margin-default;
68
69            .chosen-container {
70                display: block;
71                min-width: 100%;
72                max-width: 100%;
73                margin-bottom: .5rem;
74            }
75        }
76    }
77}
78
79
80/* + + + + +  in meta box  + + + + + */
81#spr__tab-issues {
82     ul.mmissuelist {
83         padding-left: 0;
84         margin-top: 1rem;
85     }
86}
87
88
89/* + + + + +  in content  + + + + + */
90a.jiralink {
91    font-size: @font-size-default;
92
93    img {
94        float: left;
95        display: inline-block;
96        margin-top: .13em;
97        margin-right: 3px;
98    }
99
100    span.mm__status {
101        display: inline-block;
102        font-size: @font-size-default;
103        margin-left: 5px;
104        padding: 1px 4px;
105    }
106}
107
108
109/* + + + + +  no js version  + + + + + */
110.no-js {
111    #spr__magic-matcher {
112        display: none;
113    }
114}
115
116
117/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
118/* max-width: 1023px */
119
120@media @screen_max-lg {
121    #spr__magic-matcher {
122        #magicmatcher__context {
123            .chosen-container-single {
124                width: 20% !important;
125
126                + select + .chosen-container-single {
127                    width: 58% !important;
128                }
129            }
130        }
131    }
132}
133
134@media @screen_max-md {
135    #spr__magic-matcher {
136        position: relative;
137
138        .container {
139            margin: .8rem 0 -5px;
140        }
141
142        #magicmatcher__context {
143            border-radius: 0;
144        }
145    }
146}
147
148
149
150/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
151/* print */
152/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
153
154@media print {
155    #spr__magic-matcher {
156        display: none;
157    }
158}
159
160