| @@ -1,25 +1,16 @@ | ||
| 1 | -/** | |
| 2 | - * (c) jSuites Javascript Web Components | |
| 3 | - * | |
| 4 | - * Website: https://jsuites.net | |
| 5 | - * Description: Create amazing web based applications. | |
| 6 | - * | |
| 7 | - * MIT License | |
| 8 | - * | |
| 9 | - */ | |
| 10 | - | |
| 11 | 1 | :root { |
| 12 | - --button-color: #298BA8; | |
| 13 | - --active-color: #007aff; | |
| 14 | - --safe-area-top: env(safe-area-inset-top); | |
| 15 | - --safe-area-bottom: env(safe-area-inset-bottom); | |
| 2 | + --jbutton-color: #298BA8; | |
| 3 | + --jactive-color: #007aff; | |
| 4 | + --jsafe-area-top: env(safe-area-inset-top); | |
| 5 | + --jsafe-area-bottom: env(safe-area-inset-bottom); | |
| 16 | 6 | } |
| 17 | 7 | |
| 18 | -[data-visible="false"] { | |
| 8 | +[data-visible="false"], .row[data-visible="false"] { | |
| 19 | 9 | display: none; |
| 20 | 10 | } |
| 21 | 11 | |
| 12 | + | |
| 22 | 13 | div[data-before]:before { |
| 23 | 14 | content: attr(data-before); |
| 24 | 15 | } |
| 25 | 16 | |
| @@ -24,9 +15,8 @@ | ||
| 24 | 15 | } |
| 25 | 16 | |
| 26 | 17 | .unselectable { |
| 27 | 18 | -webkit-touch-callout: none; |
| 28 | - -webkit-user-select: none; | |
| 29 | 19 | user-select: none; |
| 30 | 20 | } |
| 31 | 21 | |
| 32 | 22 | .jreadonly { |
| @@ -77,9 +67,8 @@ | ||
| 77 | 67 | |
| 78 | 68 | .jupload[data-multiple] img { |
| 79 | 69 | height: 70px; |
| 80 | 70 | width: 100px; |
| 81 | - -o-object-fit: cover; | |
| 82 | 71 | object-fit: cover; |
| 83 | 72 | margin-right: 5px; |
| 84 | 73 | margin-bottom: 5px; |
| 85 | 74 | } |
| @@ -94,9 +83,9 @@ | ||
| 94 | 83 | max-height: 100%; |
| 95 | 84 | min-height: 180px; |
| 96 | 85 | } |
| 97 | 86 | |
| 98 | -.jupload:not(.input):before { | |
| 87 | +.jupload:not(.input):empty:before { | |
| 99 | 88 | content: "\e2c3"; |
| 100 | 89 | font-family: "Material Icons"; |
| 101 | 90 | font-size: 90px; |
| 102 | 91 | color: #eee; |
| @@ -105,9 +94,8 @@ | ||
| 105 | 94 | display: flex; |
| 106 | 95 | align-items: center; |
| 107 | 96 | justify-content: center; |
| 108 | 97 | position: absolute; |
| 109 | - z-index: -1; | |
| 110 | 98 | } |
| 111 | 99 | |
| 112 | 100 | .jupload-item { |
| 113 | 101 | padding-right: 22px; |
| @@ -160,9 +148,9 @@ | ||
| 160 | 148 | padding: 8px; |
| 161 | 149 | margin: 10px; |
| 162 | 150 | |
| 163 | 151 | display: block; |
| 164 | - animation: fadeIn 0.5s; | |
| 152 | + animation: jfadeIn 0.5s; | |
| 165 | 153 | pointer-events: none; |
| 166 | 154 | } |
| 167 | 155 | |
| 168 | 156 | .jtooltip:empty { |
| @@ -168,9 +156,9 @@ | ||
| 168 | 156 | .jtooltip:empty { |
| 169 | 157 | display: none; |
| 170 | 158 | } |
| 171 | 159 | |
| 172 | -@keyframes fadeIn { | |
| 160 | +@keyframes jfadeIn { | |
| 173 | 161 | 0% { |
| 174 | 162 | opacity: 0; |
| 175 | 163 | } |
| 176 | 164 | 100% { |
| @@ -177,8 +165,95 @@ | ||
| 177 | 165 | opacity: 1; |
| 178 | 166 | } |
| 179 | 167 | } |
| 180 | 168 | |
| 169 | +.jpanel { | |
| 170 | + position: absolute; | |
| 171 | + box-sizing: border-box; | |
| 172 | + z-index: 10; | |
| 173 | +} | |
| 174 | + | |
| 175 | +.jpanel:focus { | |
| 176 | + outline: 2px solid black; | |
| 177 | + outline-offset: -1px; | |
| 178 | +} | |
| 179 | + | |
| 180 | +.jpanel-action { | |
| 181 | + position: absolute; | |
| 182 | + width: 8px; | |
| 183 | + height: 8px; | |
| 184 | + background-color: white; | |
| 185 | + border:1px solid black; | |
| 186 | + box-sizing: border-box; | |
| 187 | + pointer-events: auto; | |
| 188 | + z-index: 1000; | |
| 189 | +} | |
| 190 | + | |
| 191 | +.jpanel-action[data-position="n-resize"] { | |
| 192 | + top: -4px; | |
| 193 | + left: calc(50% - 4px); | |
| 194 | +} | |
| 195 | + | |
| 196 | +.jpanel-action[data-position="ne-resize"] { | |
| 197 | + top: -4px; | |
| 198 | + left: calc(100% - 4px); | |
| 199 | +} | |
| 200 | + | |
| 201 | +.jpanel-action[data-position="e-resize"] { | |
| 202 | + top: calc(50% - 4px); | |
| 203 | + left: calc(100% - 4px); | |
| 204 | +} | |
| 205 | + | |
| 206 | +.jpanel-action[data-position="se-resize"] { | |
| 207 | + top: calc(100% - 4px); | |
| 208 | + left: calc(100% - 4px); | |
| 209 | +} | |
| 210 | + | |
| 211 | +.jpanel-action[data-position="s-resize"] { | |
| 212 | + top: calc(100% - 4px); | |
| 213 | + left: calc(50% - 4px); | |
| 214 | +} | |
| 215 | + | |
| 216 | +.jpanel-action[data-position="sw-resize"] { | |
| 217 | + top: calc(100% - 4px); | |
| 218 | + left: -4px; | |
| 219 | +} | |
| 220 | + | |
| 221 | +.jpanel-action[data-position="w-resize"] { | |
| 222 | + top: calc(50% - 4px); | |
| 223 | + left: -4px; | |
| 224 | +} | |
| 225 | + | |
| 226 | +.jpanel-action[data-position="nw-resize"] { | |
| 227 | + top: -4px; | |
| 228 | + left: -4px; | |
| 229 | +} | |
| 230 | + | |
| 231 | +.jpanel-action[data-action="rotate"] { | |
| 232 | + top: -50px; | |
| 233 | + left: calc(50% - 12px); | |
| 234 | + width: 24px; | |
| 235 | + height: 24px; | |
| 236 | + border: 0; | |
| 237 | + cursor: move; | |
| 238 | + background-color: transparent; | |
| 239 | +} | |
| 240 | + | |
| 241 | +.jpanel-action[data-action="rotate"]:before { | |
| 242 | + content: 'refresh'; | |
| 243 | + font-family: 'Material Icons'; | |
| 244 | + font-size: 24px; | |
| 245 | +} | |
| 246 | + | |
| 247 | +.jpanel-action[data-action="rotate"]:after { | |
| 248 | + position: absolute; | |
| 249 | + content: ''; | |
| 250 | + bottom: -22px; | |
| 251 | + left: calc(50%); | |
| 252 | + width: 1px; | |
| 253 | + height: 28px; | |
| 254 | + background-color: black; | |
| 255 | +} | |
| 181 | 256 | /** Loading */ |
| 182 | 257 | .jloading { |
| 183 | 258 | position:fixed; |
| 184 | 259 | z-index:10001; |
| @@ -201,16 +276,16 @@ | ||
| 201 | 276 | border-color:white; |
| 202 | 277 | border-top-color:transparent; |
| 203 | 278 | border-width:4px; |
| 204 | 279 | border-radius:50%; |
| 205 | - animation: spin .8s linear infinite; | |
| 280 | + animation: jspin .8s linear infinite; | |
| 206 | 281 | } |
| 207 | 282 | |
| 208 | -.jloading.spin { | |
| 283 | +.jloading.jspin { | |
| 209 | 284 | background-color:transparent; |
| 210 | 285 | } |
| 211 | 286 | |
| 212 | -.jloading.spin::after { | |
| 287 | +.jloading.jspin::after { | |
| 213 | 288 | margin:0 auto; |
| 214 | 289 | margin-top:80px; |
| 215 | 290 | border-color:#aaa; |
| 216 | 291 | border-top-color:transparent; |
| @@ -216,136 +291,136 @@ | ||
| 216 | 291 | border-top-color:transparent; |
| 217 | 292 | } |
| 218 | 293 | |
| 219 | 294 | /** Animations **/ |
| 220 | -.fade-in { | |
| 221 | - animation: fade-in 2s forwards; | |
| 295 | +.jfade-in { | |
| 296 | + animation: jfade-in 2s forwards; | |
| 222 | 297 | } |
| 223 | 298 | |
| 224 | -.fade-out { | |
| 225 | - animation: fade-out 1s forwards; | |
| 299 | +.jfade-out { | |
| 300 | + animation: jfade-out 1s forwards; | |
| 226 | 301 | } |
| 227 | 302 | |
| 228 | -.slide-left-in { | |
| 303 | +.jslide-left-in { | |
| 229 | 304 | position: relative; |
| 230 | - animation: slide-left-in 0.4s forwards; | |
| 305 | + animation: jslide-left-in 0.4s forwards; | |
| 231 | 306 | } |
| 232 | 307 | |
| 233 | -.slide-left-out { | |
| 308 | +.jslide-left-out { | |
| 234 | 309 | position: relative; |
| 235 | - animation: slide-left-out 0.4s forwards; | |
| 310 | + animation: jslide-left-out 0.4s forwards; | |
| 236 | 311 | } |
| 237 | 312 | |
| 238 | -.slide-right-in { | |
| 313 | +.jslide-right-in { | |
| 239 | 314 | position: relative; |
| 240 | - animation: slide-right-in 0.4s forwards; | |
| 315 | + animation: jslide-right-in 0.4s forwards; | |
| 241 | 316 | } |
| 242 | 317 | |
| 243 | -.slide-right-out { | |
| 318 | +.jslide-right-out { | |
| 244 | 319 | position: relative; |
| 245 | - animation: slide-right-out 0.4s forwards; | |
| 320 | + animation: jslide-right-out 0.4s forwards; | |
| 246 | 321 | } |
| 247 | 322 | |
| 248 | -.slide-top-in { | |
| 323 | +.jslide-top-in { | |
| 249 | 324 | position: relative; |
| 250 | - animation: slide-top-in 0.4s forwards; | |
| 325 | + animation: jslide-top-in 0.4s forwards; | |
| 251 | 326 | } |
| 252 | 327 | |
| 253 | -.slide-top-out { | |
| 328 | +.jslide-top-out { | |
| 254 | 329 | position: relative; |
| 255 | - animation: slide-top-out 0.2s forwards; | |
| 330 | + animation: jslide-top-out 0.2s forwards; | |
| 256 | 331 | } |
| 257 | 332 | |
| 258 | -.slide-bottom-in { | |
| 333 | +.jslide-bottom-in { | |
| 259 | 334 | position: relative; |
| 260 | - animation: slide-bottom-in 0.4s forwards; | |
| 335 | + animation: jslide-bottom-in 0.4s forwards; | |
| 261 | 336 | } |
| 262 | 337 | |
| 263 | -.slide-bottom-out { | |
| 338 | +.jslide-bottom-out { | |
| 264 | 339 | position: relative; |
| 265 | - animation: slide-bottom-out 0.1s forwards; | |
| 340 | + animation: jslide-bottom-out 0.1s forwards; | |
| 266 | 341 | } |
| 267 | 342 | |
| 268 | -.slide-left-in > div { | |
| 343 | +.jslide-left-in > div { | |
| 269 | 344 | -webkit-transform: translateZ(0px); |
| 270 | 345 | -webkit-transform: translate3d(0,0,0); |
| 271 | 346 | } |
| 272 | 347 | |
| 273 | -.slide-left-out > div { | |
| 348 | +.jslide-left-out > div { | |
| 274 | 349 | -webkit-transform: translateZ(0px); |
| 275 | 350 | -webkit-transform: translate3d(0,0,0); |
| 276 | 351 | } |
| 277 | 352 | |
| 278 | -.slide-right-in > div { | |
| 353 | +.jslide-right-in > div { | |
| 279 | 354 | -webkit-transform: translateZ(0px); |
| 280 | 355 | -webkit-transform: translate3d(0,0,0); |
| 281 | 356 | } |
| 282 | 357 | |
| 283 | -.slide-right-out > div { | |
| 358 | +.jslide-right-out > div { | |
| 284 | 359 | -webkit-transform: translateZ(0px); |
| 285 | 360 | -webkit-transform: translate3d(0,0,0); |
| 286 | 361 | } |
| 287 | 362 | |
| 288 | -.spin { | |
| 289 | - animation: spin 2s infinite linear; | |
| 363 | +.jspin { | |
| 364 | + animation: jspin 2s infinite linear; | |
| 290 | 365 | } |
| 291 | 366 | |
| 292 | 367 | /** Fadein and Fadeout **/ |
| 293 | -@keyframes fade-in { | |
| 368 | +@keyframes jfade-in { | |
| 294 | 369 | 0% { opacity: 0; } |
| 295 | 370 | 100% { opacity: 100; } |
| 296 | 371 | } |
| 297 | 372 | |
| 298 | -@keyframes fade-out { | |
| 373 | +@keyframes jfade-out { | |
| 299 | 374 | 0% { opacity: 100; } |
| 300 | 375 | 100% { opacity: 0; } |
| 301 | 376 | } |
| 302 | 377 | |
| 303 | 378 | /** Keyframes Left to Right **/ |
| 304 | -@keyframes slide-left-in { | |
| 379 | +@keyframes jslide-left-in { | |
| 305 | 380 | 0% { left: -100%; } |
| 306 | 381 | 100% { left: 0%; } |
| 307 | 382 | } |
| 308 | 383 | |
| 309 | -@keyframes slide-left-out { | |
| 384 | +@keyframes jslide-left-out { | |
| 310 | 385 | 0% { left: 0%; } |
| 311 | 386 | 100% { left: -100%; } |
| 312 | 387 | } |
| 313 | 388 | |
| 314 | 389 | /** Keyframes Right to Left **/ |
| 315 | -@keyframes slide-right-in { | |
| 390 | +@keyframes jslide-right-in { | |
| 316 | 391 | 0% { left: 100%; } |
| 317 | 392 | 100% { left: 0%; } |
| 318 | 393 | } |
| 319 | 394 | |
| 320 | -@keyframes slide-right-out { | |
| 395 | +@keyframes jslide-right-out { | |
| 321 | 396 | 0% { left: 0%; } |
| 322 | 397 | 100% { left: 100%; } |
| 323 | 398 | } |
| 324 | 399 | |
| 325 | 400 | /** Keyframes Top to Bottom **/ |
| 326 | -@keyframes slide-top-in { | |
| 401 | +@keyframes jslide-top-in { | |
| 327 | 402 | 0% { transform: translateY(-100%); } |
| 328 | 403 | 100% { transform: translateY(0%); } |
| 329 | 404 | } |
| 330 | 405 | |
| 331 | -@keyframes slide-top-out { | |
| 406 | +@keyframes jslide-top-out { | |
| 332 | 407 | 0% { transform: translateY(0%); } |
| 333 | 408 | 100% { transform: translateY(-100%); } |
| 334 | 409 | } |
| 335 | 410 | |
| 336 | 411 | /** Keyframes Bottom to Top **/ |
| 337 | -@keyframes slide-bottom-in { | |
| 412 | +@keyframes jslide-bottom-in { | |
| 338 | 413 | 0% { transform: translateY(100%); } |
| 339 | 414 | 100% { transform: translateY(0%); } |
| 340 | 415 | } |
| 341 | 416 | |
| 342 | -@keyframes slide-bottom-out { | |
| 417 | +@keyframes jslide-bottom-out { | |
| 343 | 418 | 0% { transform: translateY(0%); } |
| 344 | 419 | 100% { transform: translateY(100%); } |
| 345 | 420 | } |
| 346 | 421 | |
| 347 | -@keyframes spin { | |
| 422 | +@keyframes jspin { | |
| 348 | 423 | from { |
| 349 | 424 | transform:rotate(0deg); |
| 350 | 425 | } |
| 351 | 426 | to { |
| @@ -351,9 +426,8 @@ | ||
| 351 | 426 | to { |
| 352 | 427 | transform:rotate(359deg); |
| 353 | 428 | } |
| 354 | 429 | } |
| 355 | - | |
| 356 | 430 | .jcalendar { |
| 357 | 431 | position:absolute; |
| 358 | 432 | z-index:9000; |
| 359 | 433 | display:none; |
| @@ -358,9 +432,8 @@ | ||
| 358 | 432 | z-index:9000; |
| 359 | 433 | display:none; |
| 360 | 434 | box-sizing:border-box; |
| 361 | 435 | -webkit-touch-callout: none; |
| 362 | - -webkit-user-select: none; | |
| 363 | 436 | user-select: none; |
| 364 | 437 | -webkit-tap-highlight-color: rgba(0,0,0,0); |
| 365 | 438 | -webkit-tap-highlight-color: transparent; |
| 366 | 439 | min-width:280px; |
| @@ -489,9 +562,8 @@ | ||
| 489 | 562 | border:0px; |
| 490 | 563 | padding:4px; |
| 491 | 564 | text-align:center; |
| 492 | 565 | font-size:1.1em; |
| 493 | - -webkit-user-select:none; | |
| 494 | 566 | user-select:none; |
| 495 | 567 | margin-right:10px; |
| 496 | 568 | } |
| 497 | 569 | |
| @@ -505,9 +577,9 @@ | ||
| 505 | 577 | |
| 506 | 578 | .jcalendar-reset, .jcalendar-confirm { |
| 507 | 579 | text-transform:uppercase; |
| 508 | 580 | cursor:pointer; |
| 509 | - color: var(--active-color); | |
| 581 | + color: var(--jactive-color); | |
| 510 | 582 | } |
| 511 | 583 | |
| 512 | 584 | .jcalendar-controls { |
| 513 | 585 | padding:15px; |
| @@ -574,9 +646,8 @@ | ||
| 574 | 646 | |
| 575 | 647 | .jcolor-content { |
| 576 | 648 | position: absolute; |
| 577 | 649 | z-index: 9000; |
| 578 | - -webkit-user-select: none; | |
| 579 | 650 | user-select: none; |
| 580 | 651 | -webkit-font-smoothing: antialiased; |
| 581 | 652 | font-size: .875rem; |
| 582 | 653 | letter-spacing: .2px; |
| @@ -600,9 +671,9 @@ | ||
| 600 | 671 | |
| 601 | 672 | .jcolor-controls div { |
| 602 | 673 | flex: 1; |
| 603 | 674 | font-size: 1em; |
| 604 | - color: var(--active-color); | |
| 675 | + color: var(--jactive-color); | |
| 605 | 676 | text-transform: uppercase; |
| 606 | 677 | font-weight: bold; |
| 607 | 678 | box-sizing: border-box; |
| 608 | 679 | } |
| @@ -668,9 +739,9 @@ | ||
| 668 | 739 | z-index: 8000; |
| 669 | 740 | display: none; |
| 670 | 741 | |
| 671 | 742 | -webkit-touch-callout: none; /* iOS Safari */ |
| 672 | - -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 743 | +/* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 673 | 744 | user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ |
| 674 | 745 | } |
| 675 | 746 | |
| 676 | 747 | .jcolor-content .jtabs-content { |
| @@ -723,9 +794,9 @@ | ||
| 723 | 794 | padding: 10px 20px 10px 10px; |
| 724 | 795 | } |
| 725 | 796 | |
| 726 | 797 | .jcolor-sliders input { |
| 727 | - -webkit-appearance: none; | |
| 798 | + appearance: none; | |
| 728 | 799 | |
| 729 | 800 | height: 12px; |
| 730 | 801 | width: 80%; |
| 731 | 802 | |
| @@ -759,9 +830,9 @@ | ||
| 759 | 830 | padding: 1px; |
| 760 | 831 | } |
| 761 | 832 | |
| 762 | 833 | .jcolor-sliders-input-container input::-webkit-slider-thumb { |
| 763 | - -webkit-appearance: none; | |
| 834 | + appearance: none; | |
| 764 | 835 | height: 12px; |
| 765 | 836 | width: 12px; |
| 766 | 837 | border-radius: 50%; |
| 767 | 838 | background: #000; |
| @@ -769,9 +840,9 @@ | ||
| 769 | 840 | cursor: pointer; |
| 770 | 841 | } |
| 771 | 842 | |
| 772 | 843 | .jcolor-sliders-input-container input::-moz-range-thumb { |
| 773 | - -webkit-appearance: none; | |
| 844 | + appearance: none; | |
| 774 | 845 | height: 12px; |
| 775 | 846 | width: 12px; |
| 776 | 847 | border-radius: 50%; |
| 777 | 848 | background: #000; |
| @@ -780,9 +851,8 @@ | ||
| 780 | 851 | } |
| 781 | 852 | |
| 782 | 853 | .jcolor-sliders-final-color { |
| 783 | 854 | padding: 6px; |
| 784 | - -webkit-user-select: all; | |
| 785 | 855 | user-select: all; |
| 786 | 856 | margin-top: 10px; |
| 787 | 857 | text-align: center; |
| 788 | 858 | } |
| @@ -807,9 +877,8 @@ | ||
| 807 | 877 | padding-left: 15px !important; |
| 808 | 878 | padding-right: 15px !important; |
| 809 | 879 | font-size: 0.8em; |
| 810 | 880 | } |
| 811 | - | |
| 812 | 881 | .jcontextmenu { |
| 813 | 882 | position:fixed; |
| 814 | 883 | z-index:10000; |
| 815 | 884 | background:#fff; |
| @@ -814,9 +883,8 @@ | ||
| 814 | 883 | z-index:10000; |
| 815 | 884 | background:#fff; |
| 816 | 885 | color: #555; |
| 817 | 886 | font-size: 11px; |
| 818 | - -webkit-user-select: none; | |
| 819 | 887 | user-select: none; |
| 820 | 888 | box-shadow: 2px 2px 2px 0px rgba(143, 144, 145, 1); |
| 821 | 889 | border: 1px solid #C6C6C6; |
| 822 | 890 | padding: 0px; |
| @@ -868,9 +936,10 @@ | ||
| 868 | 936 | cursor: pointer; |
| 869 | 937 | } |
| 870 | 938 | |
| 871 | 939 | .jcontextmenu > div span { |
| 872 | - margin-right:10px; | |
| 940 | + margin-right: 10px; | |
| 941 | + font-size: 0.9em; | |
| 873 | 942 | } |
| 874 | 943 | |
| 875 | 944 | .jcontextmenu .jcontextmenu-disabled a { |
| 876 | 945 | color: #ccc; |
| @@ -916,9 +985,9 @@ | ||
| 916 | 985 | bottom: 0px !important; |
| 917 | 986 | width: 100vw; |
| 918 | 987 | height: 260px; |
| 919 | 988 | overflow: scroll; |
| 920 | - animation: slide-bottom-in 0.4s forwards; | |
| 989 | + animation: jslide-bottom-in 0.4s forwards; | |
| 921 | 990 | padding-top: 0px; |
| 922 | 991 | } |
| 923 | 992 | .jcontextmenu div { |
| 924 | 993 | width: 100%; |
| @@ -957,9 +1026,8 @@ | ||
| 957 | 1026 | |
| 958 | 1027 | .jdropdown { |
| 959 | 1028 | cursor:pointer; |
| 960 | 1029 | -webkit-touch-callout: none; |
| 961 | - -webkit-user-select: none; | |
| 962 | 1030 | user-select: none; |
| 963 | 1031 | box-sizing: border-box; |
| 964 | 1032 | background:#fff; |
| 965 | 1033 | -webkit-tap-highlight-color: transparent; |
| @@ -1015,10 +1083,9 @@ | ||
| 1015 | 1083 | background-image: url("data:image/svg+xml,%0A%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27%3E%3Cpath fill=%27none%27 d=%27M0 0h24v24H0V0z%27/%3E%3Cpath d=%27M7 10l5 5 5-5H7z%27 fill=%27gray%27/%3E%3C/svg%3E"); |
| 1016 | 1084 | text-overflow: ellipsis; |
| 1017 | 1085 | cursor:pointer; |
| 1018 | 1086 | box-sizing: border-box; |
| 1019 | - -webkit-appearance: none; | |
| 1020 | - -moz-appearance: none; | |
| 1087 | + appearance: none; | |
| 1021 | 1088 | padding-right:30px !important; |
| 1022 | 1089 | } |
| 1023 | 1090 | |
| 1024 | 1091 | .jdropdown-insert-button { |
| @@ -1039,9 +1106,9 @@ | ||
| 1039 | 1106 | |
| 1040 | 1107 | .jdropdown-close { |
| 1041 | 1108 | display:none; |
| 1042 | 1109 | font-size:1em; |
| 1043 | - color: var(--active-color); | |
| 1110 | + color: var(--jactive-color); | |
| 1044 | 1111 | text-transform:uppercase; |
| 1045 | 1112 | text-align:right; |
| 1046 | 1113 | padding:12px; |
| 1047 | 1114 | font-weight:bold; |
| @@ -1297,8 +1364,9 @@ | ||
| 1297 | 1364 | padding: 6px; |
| 1298 | 1365 | background-color:#fff; |
| 1299 | 1366 | box-shadow: 0 1px 2px rgba(0,0,0,.1); |
| 1300 | 1367 | width: 100%; |
| 1368 | + height: 40px; | |
| 1301 | 1369 | } |
| 1302 | 1370 | |
| 1303 | 1371 | .jdropdown-searchbar.jdropdown-focus .jdropdown-header |
| 1304 | 1372 | { |
| @@ -1487,9 +1555,8 @@ | ||
| 1487 | 1555 | .jdropdown-item[data-disabled] { |
| 1488 | 1556 | opacity: 0.5; |
| 1489 | 1557 | pointer-events: none; |
| 1490 | 1558 | } |
| 1491 | - | |
| 1492 | 1559 | .jeditor-container { |
| 1493 | 1560 | border:1px solid #ccc; |
| 1494 | 1561 | box-sizing: border-box; |
| 1495 | 1562 | } |
| @@ -1504,9 +1571,9 @@ | ||
| 1504 | 1571 | } |
| 1505 | 1572 | |
| 1506 | 1573 | .jeditor { |
| 1507 | 1574 | outline:none; |
| 1508 | - word-break: break-word; | |
| 1575 | + word-break: break-word; /* stylelint-disable-line declaration-property-value-keyword-no-deprecated */ | |
| 1509 | 1576 | } |
| 1510 | 1577 | |
| 1511 | 1578 | .jeditor-container.with-margin .jeditor { |
| 1512 | 1579 | background-color: #fff; |
| @@ -1575,16 +1642,10 @@ | ||
| 1575 | 1642 | right: 12px; |
| 1576 | 1643 | } |
| 1577 | 1644 | |
| 1578 | 1645 | .jsnippet * { |
| 1579 | - -webkit-user-select: none; | |
| 1580 | - -o-user-select: none; | |
| 1581 | 1646 | user-select: none; |
| 1582 | - | |
| 1583 | 1647 | -webkit-user-drag: none; |
| 1584 | - -khtml-user-drag: none; | |
| 1585 | - -moz-user-drag: none; | |
| 1586 | - -o-user-drag: none; | |
| 1587 | 1648 | } |
| 1588 | 1649 | |
| 1589 | 1650 | .jeditor img { |
| 1590 | 1651 | border:2px solid transparent; |
| @@ -1591,16 +1652,10 @@ | ||
| 1591 | 1652 | box-sizing: border-box; |
| 1592 | 1653 | } |
| 1593 | 1654 | |
| 1594 | 1655 | .jeditor img.resizing { |
| 1595 | - -webkit-user-select: none; | |
| 1596 | - -o-user-select: none; | |
| 1597 | 1656 | user-select: none; |
| 1598 | - | |
| 1599 | 1657 | -webkit-user-drag: none; |
| 1600 | - -khtml-user-drag: none; | |
| 1601 | - -moz-user-drag: none; | |
| 1602 | - -o-user-drag: none; | |
| 1603 | 1658 | } |
| 1604 | 1659 | |
| 1605 | 1660 | .jeditor img:focus { |
| 1606 | 1661 | border: 2px solid #0096FD; |
| @@ -1615,9 +1670,8 @@ | ||
| 1615 | 1670 | height:60px; |
| 1616 | 1671 | } |
| 1617 | 1672 | |
| 1618 | 1673 | .jeditor-toolbar { |
| 1619 | - width: -moz-fit-content; | |
| 1620 | 1674 | width: fit-content; |
| 1621 | 1675 | max-width: 100%; |
| 1622 | 1676 | box-sizing: border-box; |
| 1623 | 1677 | margin: 10px; |
| @@ -1673,17 +1727,14 @@ | ||
| 1673 | 1727 | margin: -1em; |
| 1674 | 1728 | padding: 6px; |
| 1675 | 1729 | position: absolute; |
| 1676 | 1730 | } |
| 1677 | - | |
| 1678 | 1731 | .jfloating { |
| 1679 | 1732 | position:fixed; |
| 1680 | 1733 | bottom:0px; |
| 1681 | 1734 | right:0px; |
| 1682 | 1735 | margin-right:5px; |
| 1683 | - | |
| 1684 | - -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 1685 | - -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 1736 | + box-shadow: 0 2px 10px rgba(0,0,0,.2); | |
| 1686 | 1737 | border:1px solid #ccc; |
| 1687 | 1738 | background-color:#fff; |
| 1688 | 1739 | box-sizing: border-box; |
| 1689 | 1740 | padding-top:50px !important; |
| @@ -1760,10 +1811,9 @@ | ||
| 1760 | 1811 | top:50%; |
| 1761 | 1812 | left:50%; |
| 1762 | 1813 | width:60%; |
| 1763 | 1814 | height:60%; |
| 1764 | - -webkit-box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 1765 | - -moz-box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 1815 | + box-shadow: 0 2px 12px rgba(0,0,0,.2); | |
| 1766 | 1816 | border:1px solid #ccc; |
| 1767 | 1817 | background-color:#fff; |
| 1768 | 1818 | transform: translate(-50%, -50%); |
| 1769 | 1819 | box-sizing: border-box; |
| @@ -1869,13 +1919,10 @@ | ||
| 1869 | 1919 | border: 0px; |
| 1870 | 1920 | padding: 0px; |
| 1871 | 1921 | z-index: 8000; |
| 1872 | 1922 | display: none; |
| 1873 | - | |
| 1874 | - -webkit-touch-callout: none; /* iOS Safari */ | |
| 1875 | - -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Firefox */ /* Internet Explorer/Edge */ | |
| 1876 | - user-select: none; /* Non-prefixed version, currently | |
| 1877 | - supported by Chrome and Opera */ | |
| 1923 | + -webkit-touch-callout: none; | |
| 1924 | + user-select: none; | |
| 1878 | 1925 | } |
| 1879 | 1926 | |
| 1880 | 1927 | .jmodal_content .jcalendar .jcalendar-content, |
| 1881 | 1928 | .jmodal_content .jdropdown-container { |
| @@ -1951,9 +1998,9 @@ | ||
| 1951 | 1998 | } |
| 1952 | 1999 | |
| 1953 | 2000 | @media (max-width: 800px) { |
| 1954 | 2001 | .jnotification { |
| 1955 | - top: calc(0px + var(--safe-area-top)); | |
| 2002 | + top: calc(0px + var(--jsafe-area-top)); | |
| 1956 | 2003 | width: 100%; |
| 1957 | 2004 | } |
| 1958 | 2005 | .jnotification-container { |
| 1959 | 2006 | background: rgba(255,255,255,0.95); |
| @@ -1979,12 +2026,12 @@ | ||
| 1979 | 2026 | .jpicker { |
| 1980 | 2027 | cursor: pointer; |
| 1981 | 2028 | white-space: nowrap; |
| 1982 | 2029 | display: inline-flex; |
| 1983 | - -webkit-user-select: none; | |
| 1984 | 2030 | user-select: none; |
| 1985 | 2031 | outline: none; |
| 1986 | 2032 | position: relative; |
| 2033 | + min-height: 26px; | |
| 1987 | 2034 | } |
| 1988 | 2035 | |
| 1989 | 2036 | .jpicker-header { |
| 1990 | 2037 | background-repeat: no-repeat; |
| @@ -1994,14 +2041,10 @@ | ||
| 1994 | 2041 | cursor: pointer; |
| 1995 | 2042 | box-sizing: border-box; |
| 1996 | 2043 | text-align: left; |
| 1997 | 2044 | outline: none; |
| 1998 | - | |
| 1999 | 2045 | line-height: 24px; |
| 2000 | - padding: 2px; | |
| 2001 | - padding-left: 12px; | |
| 2002 | - padding-right: 35px; | |
| 2003 | - outline: none; | |
| 2046 | + padding: 2px 35px 2px 12px; | |
| 2004 | 2047 | border-radius: 4px; |
| 2005 | 2048 | } |
| 2006 | 2049 | |
| 2007 | 2050 | .jpicker-header:hover { |
| @@ -2072,9 +2115,8 @@ | ||
| 2072 | 2115 | .jprogressbar |
| 2073 | 2116 | { |
| 2074 | 2117 | cursor:pointer; |
| 2075 | 2118 | -webkit-touch-callout: none; |
| 2076 | - -webkit-user-select: none; | |
| 2077 | 2119 | user-select: none; |
| 2078 | 2120 | box-sizing: border-box; |
| 2079 | 2121 | background:#fff; |
| 2080 | 2122 | -webkit-tap-highlight-color: transparent; |
| @@ -2128,9 +2170,8 @@ | ||
| 2128 | 2170 | |
| 2129 | 2171 | .jsearch { |
| 2130 | 2172 | position: relative; |
| 2131 | 2173 | display: none; |
| 2132 | - -webkit-user-select: none; | |
| 2133 | 2174 | user-select: none; |
| 2134 | 2175 | } |
| 2135 | 2176 | |
| 2136 | 2177 | .jsearch_container { |
| @@ -2149,9 +2190,8 @@ | ||
| 2149 | 2190 | margin: 0; |
| 2150 | 2191 | min-width: 300px; |
| 2151 | 2192 | outline: none; |
| 2152 | 2193 | width: auto; |
| 2153 | - -webkit-user-select: none; | |
| 2154 | 2194 | user-select: none; |
| 2155 | 2195 | } |
| 2156 | 2196 | |
| 2157 | 2197 | .jsearch_container:empty:after { |
| @@ -2165,9 +2205,8 @@ | ||
| 2165 | 2205 | padding: 5px 10px; |
| 2166 | 2206 | user-select: none; |
| 2167 | 2207 | align-items: center; |
| 2168 | 2208 | |
| 2169 | - -webkit-user-select: none; | |
| 2170 | 2209 | user-select: none; |
| 2171 | 2210 | } |
| 2172 | 2211 | |
| 2173 | 2212 | .jsearch_container > div:hover { |
| @@ -2176,9 +2215,8 @@ | ||
| 2176 | 2215 | |
| 2177 | 2216 | .jsearch_container > div > img { |
| 2178 | 2217 | width: 32px; |
| 2179 | 2218 | height: 32px; |
| 2180 | - -webkit-user-select: none; | |
| 2181 | 2219 | user-select: none; |
| 2182 | 2220 | border-radius: 16px; |
| 2183 | 2221 | margin-right: 2px; |
| 2184 | 2222 | } |
| @@ -2188,9 +2226,8 @@ | ||
| 2188 | 2226 | text-overflow: ellipsis; |
| 2189 | 2227 | margin-left: 2px; |
| 2190 | 2228 | max-width: 300px; |
| 2191 | 2229 | white-space: nowrap; |
| 2192 | - -webkit-user-select: none; | |
| 2193 | 2230 | user-select: none; |
| 2194 | 2231 | } |
| 2195 | 2232 | |
| 2196 | 2233 | .jsearch_container .selected { |
| @@ -2268,11 +2305,8 @@ | ||
| 2268 | 2305 | cursor:pointer; |
| 2269 | 2306 | z-index:3000; |
| 2270 | 2307 | |
| 2271 | 2308 | display: flex; |
| 2272 | - display: -webkit-flex; | |
| 2273 | - -webkit-justify-content: center; | |
| 2274 | - -webkit-align-items: center; | |
| 2275 | 2309 | justify-content: center; |
| 2276 | 2310 | align-items: center; |
| 2277 | 2311 | flex-direction: row; |
| 2278 | 2312 | } |
| @@ -2373,9 +2407,8 @@ | ||
| 2373 | 2407 | .jslider-grid img { |
| 2374 | 2408 | display: none; |
| 2375 | 2409 | width: 100%; |
| 2376 | 2410 | height: 100%; |
| 2377 | - -o-object-fit: cover; | |
| 2378 | 2411 | object-fit: cover; |
| 2379 | 2412 | } |
| 2380 | 2413 | |
| 2381 | 2414 | .jslider-grid[data-total]:after { |
| @@ -2387,10 +2420,8 @@ | ||
| 2387 | 2420 | bottom: 6px; |
| 2388 | 2421 | } |
| 2389 | 2422 | |
| 2390 | 2423 | .jslider-grid img:first-child { |
| 2391 | - -ms-grid-column: 1; | |
| 2392 | - -ms-grid-row: 1; | |
| 2393 | 2424 | grid-column: 1; |
| 2394 | 2425 | grid-row: 1; |
| 2395 | 2426 | display: block; |
| 2396 | 2427 | } |
| @@ -2395,10 +2426,8 @@ | ||
| 2395 | 2426 | display: block; |
| 2396 | 2427 | } |
| 2397 | 2428 | |
| 2398 | 2429 | .jslider-grid[data-number='2'] img:nth-child(2) { |
| 2399 | - -ms-grid-column: 2; | |
| 2400 | - -ms-grid-row: 1; | |
| 2401 | 2430 | grid-column: 2; |
| 2402 | 2431 | grid-row: 1; |
| 2403 | 2432 | display: block; |
| 2404 | 2433 | } |
| @@ -2403,17 +2432,13 @@ | ||
| 2403 | 2432 | display: block; |
| 2404 | 2433 | } |
| 2405 | 2434 | |
| 2406 | 2435 | .jslider-grid[data-number='3'] img:first-child { |
| 2407 | - -ms-grid-column: 1 / 2; | |
| 2408 | - -ms-grid-row: 1 / 4; | |
| 2409 | 2436 | grid-column: 1 / 2; |
| 2410 | 2437 | grid-row: 1 / 4; |
| 2411 | 2438 | } |
| 2412 | 2439 | |
| 2413 | 2440 | .jslider-grid[data-number='3'] img:nth-child(2) { |
| 2414 | - -ms-grid-column: 2; | |
| 2415 | - -ms-grid-row: 1; | |
| 2416 | 2441 | grid-column: 2; |
| 2417 | 2442 | grid-row: 1; |
| 2418 | 2443 | display: block; |
| 2419 | 2444 | } |
| @@ -2418,10 +2443,8 @@ | ||
| 2418 | 2443 | display: block; |
| 2419 | 2444 | } |
| 2420 | 2445 | |
| 2421 | 2446 | .jslider-grid[data-number='3'] img:nth-child(3) { |
| 2422 | - -ms-grid-column: 2; | |
| 2423 | - -ms-grid-row: 2; | |
| 2424 | 2447 | grid-column: 2; |
| 2425 | 2448 | grid-row: 2; |
| 2426 | 2449 | display: block; |
| 2427 | 2450 | } |
| @@ -2426,17 +2449,13 @@ | ||
| 2426 | 2449 | display: block; |
| 2427 | 2450 | } |
| 2428 | 2451 | |
| 2429 | 2452 | .jslider-grid[data-number='4'] img:first-child { |
| 2430 | - -ms-grid-column: 1 / 2; | |
| 2431 | - -ms-grid-row: 1 / 4; | |
| 2432 | 2453 | grid-column: 1 / 2; |
| 2433 | 2454 | grid-row: 1 / 4; |
| 2434 | 2455 | } |
| 2435 | 2456 | |
| 2436 | 2457 | .jslider-grid[data-number='4'] img:nth-child(2) { |
| 2437 | - -ms-grid-column: 2; | |
| 2438 | - -ms-grid-row: 1; | |
| 2439 | 2458 | grid-column: 2; |
| 2440 | 2459 | grid-row: 1; |
| 2441 | 2460 | display: block; |
| 2442 | 2461 | } |
| @@ -2441,10 +2460,8 @@ | ||
| 2441 | 2460 | display: block; |
| 2442 | 2461 | } |
| 2443 | 2462 | |
| 2444 | 2463 | .jslider-grid[data-number='4'] img:nth-child(3) { |
| 2445 | - -ms-grid-column: 2; | |
| 2446 | - -ms-grid-row: 2; | |
| 2447 | 2464 | grid-column: 2; |
| 2448 | 2465 | grid-row: 2; |
| 2449 | 2466 | display: block; |
| 2450 | 2467 | } |
| @@ -2449,10 +2466,8 @@ | ||
| 2449 | 2466 | display: block; |
| 2450 | 2467 | } |
| 2451 | 2468 | |
| 2452 | 2469 | .jslider-grid[data-number='4'] img:nth-child(4) { |
| 2453 | - -ms-grid-column: 2; | |
| 2454 | - -ms-grid-row: 3; | |
| 2455 | 2470 | grid-column: 2; |
| 2456 | 2471 | grid-row: 3; |
| 2457 | 2472 | display: block; |
| 2458 | 2473 | } |
| @@ -2522,8 +2537,9 @@ | ||
| 2522 | 2537 | transform-origin: left; |
| 2523 | 2538 | transition: all .2s cubic-bezier(0.4,0,0.2,1); |
| 2524 | 2539 | transition-property: color,left,transform; |
| 2525 | 2540 | display: none; |
| 2541 | + pointer-events: none; | |
| 2526 | 2542 | } |
| 2527 | 2543 | |
| 2528 | 2544 | .jtabs-animation .jtabs-border { |
| 2529 | 2545 | display: initial; |
| @@ -2611,16 +2627,15 @@ | ||
| 2611 | 2627 | position: absolute; |
| 2612 | 2628 | margin: 3px; |
| 2613 | 2629 | color: #ccc; |
| 2614 | 2630 | content: attr(data-placeholder); |
| 2615 | - top: 0px; | |
| 2631 | + top: 0; | |
| 2616 | 2632 | margin-left: 6px; |
| 2617 | 2633 | } |
| 2618 | 2634 | |
| 2619 | 2635 | .jtags > div { |
| 2620 | - padding: 5px; | |
| 2621 | - padding-left: 10px; | |
| 2622 | - padding-right: 22px; | |
| 2636 | + padding: 6px 22px 6px 10px; | |
| 2637 | + font-size: 0.9em; | |
| 2623 | 2638 | position: relative; |
| 2624 | 2639 | border-radius: 1px; |
| 2625 | 2640 | margin: 2px; |
| 2626 | 2641 | display: block; |
| @@ -2634,19 +2649,20 @@ | ||
| 2634 | 2649 | |
| 2635 | 2650 | .jtags > div::after { |
| 2636 | 2651 | content: 'x'; |
| 2637 | 2652 | position: absolute; |
| 2638 | - top: 6px; | |
| 2653 | + top: 7px; | |
| 2639 | 2654 | right: 4px; |
| 2640 | 2655 | width: 12px; |
| 2641 | 2656 | height: 12px; |
| 2642 | 2657 | cursor: pointer; |
| 2643 | - font-size: 11px; | |
| 2658 | + font-size: 0.9em; | |
| 2659 | + line-height: 1em; | |
| 2644 | 2660 | display: none; |
| 2645 | 2661 | } |
| 2646 | 2662 | |
| 2647 | 2663 | .jtags_label { |
| 2648 | - background-color: #eeeeee !important; | |
| 2664 | + background-color: #e4e4e4 !important; | |
| 2649 | 2665 | } |
| 2650 | 2666 | |
| 2651 | 2667 | .jtags_label::after { |
| 2652 | 2668 | display: inline-block !important; |
| @@ -2671,9 +2687,8 @@ | ||
| 2671 | 2687 | cursor: pointer; |
| 2672 | 2688 | white-space: nowrap; |
| 2673 | 2689 | display: flex; |
| 2674 | 2690 | padding:4px; |
| 2675 | - -webkit-user-select: none; | |
| 2676 | 2691 | user-select: none; |
| 2677 | 2692 | font-size: 13px; |
| 2678 | 2693 | } |
| 2679 | 2694 | |
| @@ -2755,14 +2770,13 @@ | ||
| 2755 | 2770 | color:#929292; |
| 2756 | 2771 | } |
| 2757 | 2772 | |
| 2758 | 2773 | .jtoolbar-mobile .jtoolbar-selected a, .jtoolbar-mobile .jtoolbar-selected i, .jtoolbar-mobile .jtoolbar-selected span { |
| 2759 | - color:var(--active-color) !important; | |
| 2774 | + color:var(--jactive-color) !important; | |
| 2760 | 2775 | background-color:transparent; |
| 2761 | 2776 | } |
| 2762 | 2777 | |
| 2763 | 2778 | .jtoolbar-item { |
| 2764 | - -webkit-user-select: none; | |
| 2765 | 2779 | user-select: none; |
| 2766 | 2780 | } |
| 2767 | 2781 | |
| 2768 | 2782 | .jtoolbar-item i { |
