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