xref: /template/sprintdoc/css/plugins/magic-matcher.less (revision e1fee953683129bb33aec6791d9473a49c91eeba) 
1/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
2/* all media */
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 @color-border;
25        border-left: 1px solid @color-border;
26        color: @color-nav;
27        background: #fff;
28        border-radius: 0;
29        border-bottom-left-radius: 5px;
30
31        &:hover,
32        &:focus,
33        &:active {
34            border-color: @button_background;
35            color: @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: __nav_direct_background__;
47        border-radius: 0 0 __default_border_radius__ __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/* + + + + +  in content  + + + + + */
80a.jiralink {
81    font-size: @font-size-default;
82
83    img {
84        float: left;
85        display: inline-block;
86        margin-top: .13em;
87        margin-right: 3px;
88    }
89
90    span.mm__status {
91        display: inline-block;
92        font-size: @font-size-default;
93        margin-left: 5px;
94        padding: 1px 4px;
95    }
96}
97
98
99/* + + + + +  no js version  + + + + + */
100.no-js {
101    #spr__magic-matcher {
102        display: none;
103    }
104}
105
106
107/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
108/* max-width: 1023px */
109
110@media @screen_max-lg {
111    #spr__magic-matcher {
112        #magicmatcher__context {
113            .chosen-container-single {
114                width: 20% !important;
115
116                + select + .chosen-container-single {
117                    width: 58% !important;
118                }
119            }
120        }
121    }
122}
123
124@media @screen_max-md {
125    #spr__magic-matcher {
126        position: relative;
127
128        .container {
129            margin: .8rem 0 -5px;
130        }
131
132        #magicmatcher__context {
133            border-radius: 0;
134        }
135    }
136}
137
138
139
140/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
141/* print */
142/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
143
144@media print {
145    #spr__magic-matcher {
146        display: none;
147    }
148}
149
150