Mercurial > hg > dml-open-vis

comparison src/DML/MainVisBundle/Resources/assets/bem-blocks/vis-instance-content/vic-api-debug.less @ 0:493bcb69166c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
added public content
author Daniel Wolff
date Tue, 09 Feb 2016 20:54:02 +0100
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:493bcb69166c
1 @import "../../config.less";
2
3 .vic-api-debug {
4 padding-top: 5px;
5
6 @alignment-offset: 6px;
7 @background-color: #fff;
8 //@background-color_query-uri: #f8f8f8;
9 @background-color_query-uri: #fff;
10 @border: 1px solid @config-grid--color_panel-background;
11 @request-uri-hight: 20px;
12
13 @color_errors: #f00;
14
15 @input-padding_h: 3px;
16 @input-padding_v: 3px;
17
18 // ----------------------------------
19
20 // ==================================
21 &__query-box {
22 .position_absolute_everywhere();
23 .border-bottom-left-radius(@--border-radius);
24 .border-bottom-right-radius(@--border-radius);
25 display: none;
26 border: @border;
27 border-top: none;
28 background: @background-color;
29 }
30
31 // ----------------------------------
32 &__query-box_alignment_everywhere {
33 display: block;
34 }
35
36 &__query-box_alignment_left {
37 display: block;
38 right: 50%;
39 margin-right: @alignment-offset / 2;
40 }
41
42 &__query-box_alignment_right {
43 display: block;
44 left: 50%;
45 margin-left: @alignment-offset / 2;
46 }
47
48 &__query-box_alignment_top {
49 display: block;
50 bottom: 50%;
51 margin-bottom: @alignment-offset / 2;
52 }
53
54 &__query-box_alignment_bottom {
55 .border-radius(@--border-radius);
56 border-top: @border;
57 display: block;
58 top: 50%;
59 margin-top: @alignment-offset / 2;
60 }
61
62
63 &__query-uri-wrapper {
64 .position_absolute_everywhere();
65 bottom: auto;
66 height: @request-uri-hight - @input-padding_v * 2;
67 border-top: @input-padding_v solid @background-color_query-uri;
68 border-right: @input-padding_h solid @background-color_query-uri;
69 border-bottom: @input-padding_v solid @background-color_query-uri;
70 border-left: @input-padding_h solid @background-color_query-uri;
71 .border-radius(@--border-radius);
72 }
73 &__query-uri {
74 .font_small();
75 .font_monospace();
76 font-weight: bold;
77 position: relative;
78 width: 100%;
79 height: 100%;
80 margin: 0;
81 border: 0;
82 padding: @input-padding_v @input-padding_h;
83 top: -@input-padding_v;
84 left: -@input-padding_h;
85 background: @background-color_query-uri;
86 .border-radius(@--border-radius);
87 }
88
89 &__query-response-wrapper {
90 .position_absolute_everywhere();
91 top: @request-uri-hight;
92 border-top: @input-padding_v solid @background-color;
93 border-right: @input-padding_h solid @background-color;
94 border-bottom: @input-padding_v solid @background-color;
95 border-left: @input-padding_h solid @background-color;
96 .border-radius(@--border-radius);
97 }
98
99
100 &__query-response {
101 .font_small();
102 .font_monospace();
103 position: relative;
104 width: 100%;
105 height: 100%;
106 margin: 0;
107 border: 0;
108 background: none;
109 resize: none;
110 top: -@input-padding_v;
111 left: -@input-padding_h;
112 padding: @input-padding_v @input-padding_h;
113 .border-radius(@--border-radius);
114 }
115 // ----------------------------------
116 &__query-box_status_has-errors &__query-response {
117 color: @color_errors;
118 }
119
120 }