blob: a50ffbf07b283e11712cc16b037a679fc2a22193 [file] [log] [blame]
Nils Diewalda944fab2015-04-08 21:02:04 +00001@charset "utf-8";
Nils Diewaldab4d3ca2015-04-17 01:48:43 +00002@import "../util";
Nils Diewalda944fab2015-04-08 21:02:04 +00003
Nils Diewald652e5f42015-05-10 18:11:45 +00004/**
5 * Rules for the Kalamar hint helper.
6 */
7
Nils Diewalda944fab2015-04-08 21:02:04 +00008$border-size: 2px;
9
10ul.menu.hint {
Nils Diewald2488d052015-04-09 21:46:02 +000011 display: inline-block;
12 white-space: normal;
Nils Diewalda944fab2015-04-08 21:02:04 +000013 text-align:left;
Nils Diewald2488d052015-04-09 21:46:02 +000014 top: 0;
Nils Diewalda944fab2015-04-08 21:02:04 +000015 max-width: 23em !important;
Nils Diewalda944fab2015-04-08 21:02:04 +000016
17 > li:first-of-type {
18 border-top: {
19 width: 1px;
20 left-radius: 0;
21 right-radius: 0;
22 }
23 }
24 span.desc {
25 display: block;
26 font-size: 75%;
27 }
28}
29
Akron308db382016-05-30 22:34:07 +020030div.alert.hint {
31 position: relative;
32 background-color: rgba(254,26,0,.9); // from alertify
33 color: $nearly-white;
34 padding: $item-padding;
35 margin-top: 5px;
36 box-shadow: $choose-box-shadow;
37 border: {
38 radius: $standard-border-radius;
39 top-left-radius: 0;
40 }
41}
42
43div.hint.alert::before {
44 position: absolute;
45 content: "";
46 display: block;
47 top: -8px;
48 left: 0px;
49 width: 0;
50 white-space: normal;
51 border: {
52 width: 0 8px 8px 0;
53 style: solid;
54 color: rgba(254,26,0,.9) transparent; // from alertify
55 }
56}
57
58
59
60
61
Nils Diewalda944fab2015-04-08 21:02:04 +000062#searchMirror {
63 position: absolute;
64 left: 0;
65 top: 0;
Nils Diewald2488d052015-04-09 21:46:02 +000066 z-index: 900;
Nils Diewalda944fab2015-04-08 21:02:04 +000067 white-space: pre-wrap;
Nils Diewalda944fab2015-04-08 21:02:04 +000068 height: 0;
Nils Diewald2488d052015-04-09 21:46:02 +000069 display: block;
Nils Diewalda944fab2015-04-08 21:02:04 +000070 > span {
Nils Diewalda944fab2015-04-08 21:02:04 +000071 opacity: 0;
72 white-space: pre-wrap;
73 overflow: hidden;
74 }
75 // Todo: Besser nur, wenn im Focus
76 > div {
Nils Diewalda944fab2015-04-08 21:02:04 +000077 position: absolute;
Nils Diewald2488d052015-04-09 21:46:02 +000078 display: block;
79 cursor: pointer;
80 transition: left 0.2s ease 0s;
Nils Diewalda944fab2015-04-08 21:02:04 +000081 top: 0;
82 left: 0;
Nils Diewald2488d052015-04-09 21:46:02 +000083 text-align: left;
Nils Diewalda944fab2015-04-08 21:02:04 +000084 padding: 0;
85 border-top: 5px solid $dark-orange;
Nils Diewalda944fab2015-04-08 21:02:04 +000086 height: 10px;
87 width: 1.2em;
Nils Diewald2488d052015-04-09 21:46:02 +000088 &:hover:not(.active) {
Nils Diewalda944fab2015-04-08 21:02:04 +000089 border-top: 10px solid $dark-orange;
90 }
Nils Diewald2488d052015-04-09 21:46:02 +000091 &.active {
92 border-top-width: 0;
93 height: 0;
94 width: 23em;
95 }
Nils Diewalda944fab2015-04-08 21:02:04 +000096 }
97}