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