##// END OF EJS Templates
fixed clone input url alignment
Liviu -
r3596:78e51dfa new-ui
parent child Browse files
Show More
@@ -1,291 +1,292 b''
1 1 // summary.less
2 2 // For use in RhodeCode applications;
3 3 // Used for headers and file detail summary screens.
4 4
5 5 .summary {
6 6 float: left;
7 7 position: relative;
8 8 width: 100%;
9 9 margin: 0;
10 10 padding: 0;
11 11
12 12 .summary-detail-header {
13 13 float: left;
14 14 display: block;
15 15 width: 100%;
16 16 margin-bottom: @textmargin;
17 17 padding: 0 0 .5em 0;
18 18 border-bottom: @border-thickness solid @border-default-color;
19 19
20 20 .breadcrumbs {
21 21 float: left;
22 22 display: inline;
23 23 margin: 0;
24 24 padding: 0;
25 25 }
26 26 h4 {
27 27 float: left;
28 28 margin: 0 1em 0 0;
29 29 padding: 0;
30 30 line-height: 1.2em;
31 31 font-size: @basefontsize;
32 32 }
33 33
34 34 .action_link {
35 35 float: right;
36 36 }
37 37
38 38 .new-file {
39 39 float: right;
40 40 margin-top: -1.5em;
41 41 }
42 42 }
43 43
44 44 .summary-detail {
45 45 float: left;
46 46 position: relative;
47 47 width: 73%;
48 48 margin: 0 3% @space 0;
49 49 padding: 0;
50 50
51 51 .file_diff_buttons {
52 52 margin-top: @space;
53 53 }
54 54
55 55 // commit message
56 56 .commit {
57 57 white-space: pre-wrap;
58 58 }
59 59
60 60 .left-clone {
61 61 float: left;
62 62 height: 30px;
63 63 margin: 0;
64 64 padding: 0;
65 width: 150px;
65 66 font-weight: @text-semibold-weight;
66 67 font-family: @text-semibold;
67 68 }
68 69
69 70 .right-clone {
70 71 float: right;
71 width: 83%;
72 width: ~"calc(100% - 150px)";
72 73 }
73 74
74 75 .clone_url_input {
75 76 width: ~"calc(100% - 35px)";
76 padding: 5px;
77 padding: 6px 5px;
77 78 }
78 79
79 80 &.directory {
80 81 margin-bottom: 0;
81 82 }
82 83
83 84 .desc {
84 85 white-space: pre-wrap;
85 86 }
86 87 .disabled {
87 88 opacity: .5;
88 89 cursor: inherit;
89 90 }
90 91 .help-block {
91 92 color: inherit;
92 93 margin: 0;
93 94 }
94 95 }
95 96
96 97 .sidebar-right {
97 98 float: left;
98 99 width: 24%;
99 100 margin: 0;
100 101 padding: 0;
101 102
102 103 ul {
103 104 margin-left: 0;
104 105 padding-left: 0;
105 106
106 107 li {
107 108 list-style-type: none;
108 109 }
109 110 }
110 111 }
111 112
112 113 #clone_by_name, #clone_by_id{
113 114 display: inline-block;
114 115 margin-left: 0px;
115 116 }
116 117
117 118 .codeblock {
118 119 border: none;
119 120 background-color: transparent;
120 121 }
121 122
122 123 .code-body {
123 124 border: @border-thickness solid @border-default-color;
124 125 .border-radius(@border-radius);
125 126 }
126 127 }
127 128
128 129 // this is used outside of just the summary
129 130 .fieldset, // similar to form fieldset
130 131 .summary .sidebar-right-content { // these have to match
131 132 clear: both;
132 133 float: left;
133 134 position: relative;
134 135 display:block;
135 136 width: 100%;
136 137 min-height: 1em;
137 138 margin-bottom: @textmargin;
138 139 padding: 0;
139 140 line-height: 1.2em;
140 141
141 142 &:after { // clearfix
142 143 content: "";
143 144 clear: both;
144 145 width: 100%;
145 146 height: 1em;
146 147 }
147 148 }
148 149
149 150 .summary .sidebar-right-content {
150 151 margin-bottom: @space;
151 152
152 153 .rc-user {
153 154 min-width: 0;
154 155 }
155 156 }
156 157
157 158 .fieldset {
158 159
159 160 .left-label { // similar to form legend
160 161 float: left;
161 162 display: block;
162 163 width: 25%;
163 164 margin: 0;
164 165 padding: 0;
165 166 font-weight: @text-semibold-weight;
166 167 font-family: @text-semibold;
167 168 }
168 169
169 170 .left-label-summary {
170 171 .left-label;
171 172 width: 150px;
172 173 }
173
174
174 175 .right-content { // similar to form fields
175 176 float: left;
176 177 display: block;
177 178 width: 75%;
178 179 margin: 0 0 0 -15%;
179 180 padding: 0 0 0 15%;
180 181
181 182 .truncate-wrap,
182 183 .truncate {
183 184 max-width: 100%;
184 185 width: 100%;
185 186 }
186 187
187 188 .commit-long {
188 189 overflow-x: auto;
189 190 }
190 191 }
191 192 .commit.truncate-wrap {
192 193 overflow:hidden;
193 194 text-overflow: ellipsis;
194 195 }
195 196 }
196 197
197 198 // expand commit message
198 199 #message_expand {
199 200 clear: both;
200 201 display: block;
201 202 color: @rcblue;
202 203 cursor: pointer;
203 204 }
204 205
205 206 #trimmed_message_box {
206 207 max-height: floor(2 * @basefontsize * 1.2); // 2 lines * line-height
207 208 overflow: hidden;
208 209 }
209 210
210 211 // show/hide comments button
211 212 .show-inline-comments {
212 213 display: inline;
213 214 cursor: pointer;
214 215
215 216 .comments-show { display: inline; }
216 217 .comments-hide { display: none; }
217
218
218 219 &.comments-visible {
219 220 .comments-show { display: none; }
220 221 .comments-hide { display: inline; }
221 222 }
222 223 }
223
224
224 225 // Quick Start section
225 226 .quick_start {
226 227 float: left;
227 228 display: block;
228 229 position: relative;
229 230 width: 100%;
230 231
231 232 // adds some space to make copy and paste easier
232 233 .left-label,
233 234 .right-content {
234 235 line-height: 1.6em;
235 236 }
236 237 }
237 238
238 239 .submodule {
239 240 .summary-detail {
240 241 width: 100%;
241 242
242 243 .btn-collapse {
243 244 display: none;
244 245 }
245 246 }
246 247 }
247 248
248 249 .codeblock-header {
249 250 float: left;
250 251 display: block;
251 252 width: 100%;
252 253 margin: 0;
253 254 padding: @space 0 10px 0;
254 border-top: @border-thickness solid @border-default-color;
255 border-top: @border-thickness solid @border-default-color;
255 256
256 257 .stats {
257 258 float: left;
258 259 }
259 260 .stats-filename {
260 261 font-size: 120%;
261 262 }
262 263 .stats-first-item {
263 264 padding: 0px 0px 0px 3px;
264 265 }
265 266
266 267 .buttons {
267 268 float: right;
268 269 text-align: right;
269 270 color: @grey4;
270 271 }
271 272
272 273 .file-container {
273 274 display: inline-block;
274 275 width: 100%;
275 276 }
276 277
277 278 }
278 279
279 280 #summary-menu-stats {
280 281
281 282 .stats-bullet {
282 283 color: @grey3;
283 284 min-width: 3em;
284 285 }
285 286
286 287 .repo-size {
287 288 margin-bottom: .5em;
288 289 }
289
290
290 291 }
291 292
General Comments 0
You need to be logged in to leave comments. Login now