Revision 1f8c77c2

b/snf-cyclades-app/synnefo/ui/new_ui/ui/images_list.html
217 217
				</ul>
218 218
				<div class="lt-bar">
219 219
					<ul>
220
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
220
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>Select all</li>
221 221
						<li class="running"><a href="#" title="">Destroy</a></li>
222 222
						<!-- in case we want an action always activated
223 223
						<li class="pernament"><a href="" class="active">Action</a></li> -->
b/snf-cyclades-app/synnefo/ui/new_ui/ui/network_list.html
149 149
					</div>
150 150
				</div>
151 151
			</div>
152
			<div id="destroy-network-confirm" class="reveal-modal medium">
153
				<p class="message-forimg">Are you sure you want to destroy your network?</p>
154
				<p class="buttons"><a href="" class="btn4 wrap-a">Yes</a><a href="" class="btn4 wrap-a">No</a></p>
155
				<a class="close-reveal-modal" title="close window">x</a>
156
			</div>
152 157
		</section>
153 158
		<!-- overlays end -->
154 159
	
......
193 198
								<div class="col lt">
194 199
									<ul>
195 200
										<li><a href="">Connect Machine</a></li>
196
										<li><a href="">Destroy</a></li>
201
										<li><a href="" data-reveal-id="destroy-network-confirm">Destroy</a></li>
197 202
									</ul>
198 203
								</div>
199 204
								<div class="col rt">
......
227 232
								<div class="col lt">
228 233
									<ul>
229 234
										<li><a href="">Connect Machine</a></li>
230
										<li><a href="">Destroy</a></li>
235
										<li><a href="" data-reveal-id="destroy-network-confirm">Destroy</a></li>
231 236
									</ul>
232 237
								</div>
233 238
								<div class="col rt">
......
261 266
								<div class="col lt">
262 267
									<ul>
263 268
										<li><a href="">Connect Machine</a></li>
264
										<li><a href="">Destroy</a></li>
269
										<li><a href="" data-reveal-id="destroy-network-confirm">Destroy</a></li>
265 270
									</ul>
266 271
								</div>
267 272
								<div class="col rt">
......
292 297
				</ul>
293 298
				<div class="lt-bar">
294 299
					<ul>
295
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
300
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>Select all</li>
296 301
						<li class="running"><a href="#" title="">Connect VM</a></li>
297 302
						<li class="permanent"><a href="#" class="active">Destroy</a></li>
298 303
						<li class="both"><a href="#" >Option i</a></li>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/pithos_list.html
166 166
                </div>
167 167
                <div class="lt-bar">
168 168
                    <ul class="lt-actions">
169
                        <li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
169
                        <li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>Select all</li>
170 170
                        <li class="files"><a href="#" title=""><span class="snf-link-outline"></span> Share</a></li>
171 171
                        <li class="files"><a href="#" title=""><span class="snf-download-full"></span> Download</a></li>
172 172
                        <li class="files"><a href="#"><span>x</span> Delete</a></li>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_common.scss
660 660
		width: 0%;
661 661
	}
662 662
	.summary {
663
		padding-left: $lt-bar-width + $check-w;
663
		padding-left: $lt-bar-width + $check-w + $img-wrap-w;
664 664
		margin: 0;
665 665
		font-size: emCalc(12px);
666 666
		span {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/snapshots_list.html
244 244
				</ul>
245 245
				<div class="lt-bar">
246 246
					<ul>
247
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>select all</li>
247
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>select all</li>
248 248
						<li class="running"><a href="#" title="">Destroy</a></li>
249 249
						<!-- in case we want an action always activated
250 250
						<li class="pernament"><a href="" class="active">Action</a></li> -->
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7415 7415
}
7416 7416
/* line 662, ../sass/_common.scss */
7417 7417
.storage-progress .summary {
7418
  padding-left: 200px;
7418
  padding-left: 260px;
7419 7419
  margin: 0;
7420 7420
  font-size: 0.75em;
7421 7421
}
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_details.html
106 106
											<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div>
107 107
											<a href="" class="name-col el1">Kubuntu</a>
108 108
											<div class="size-col">3.13 GB</div>
109
											<div class="btn-col"><a href="">details</a></div>
109
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
110 110
										</div>
111 111
										<div class="details">
112 112
											<div class="row">
......
133 133
											<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div>
134 134
											<a href="" class="name-col">Kubuntu LTS (by Kpal)</a>
135 135
											<div class="size-col">10GB</div>
136
											<div class="btn-col"><a href="">details</a></div>
136
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
137 137
										</div>
138 138
										<div class="details">
139 139
											<div class="row">
......
160 160
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
161 161
											<a href="" class="name-col">Fedora (by Athina)</a>
162 162
											<div class="size-col">10GB</div>
163
											<div class="btn-col"><a href="">details</a></div>
163
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
164 164
										</div>
165 165
										<div class="details">
166 166
											<div class="row">
......
187 187
											<div class="img-col"><img src="images/os-fedora.png" alt=""></div>
188 188
											<a href="" class="name-col">Fedora (by Athina)</a>
189 189
											<div class="size-col">3.67 GB</div>
190
											<div class="btn-col"><a href="">details</a></div>
190
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
191 191
										</div>
192 192
										<div class="details">
193 193
											<div class="row">
......
214 214
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>
215 215
											<a href="" class="name-col">Windows Server 2012</a>
216 216
											<div class="size-col">13.66 GB</div>
217
											<div class="btn-col"><a href="">details</a></div>
217
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
218 218
										</div>
219 219
										<div class="details">
220 220
											<div class="row">
......
241 241
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>
242 242
											<a href="" class="name-col">Windows Server 2012</a>
243 243
											<div class="size-col">13.66 GB</div>
244
											<div class="btn-col"><a href="">details</a></div>
244
											<div class="btn-col"><a href="" class="wrap-a">details</a></div>
245 245
										</div>
246 246
										<div class="details">
247 247
											<div class="row">
......
268 268
											<div class="img-col"><img src="images/os-windows.png" alt=""></div>
269 269
											<a href="" class="name-col">Windows Server 2008</a>
270 270
											<div class="size-col">10.79 GB</div>
271
											<div class="btn-col"><a href="" data-next="el3">details</a></div>
271
											<div class="btn-col"><a href="" class="wrap-a" data-next="el3">details</a></div>
272 272
										</div>
273 273
										<div class="details">
274 274
											<div class="row">
......
325 325
													</div>
326 326
												</div>
327 327
												<ul class="options with-flavor">
328
													<li><a href="" class="small current preselected " data-help="help text for 1">1</a></li>
329
													<li><a href="" class="medium" data-help="help text for 2">2</a></li>
330
													<li><a href="" class="large disabled" data-help="help text for 3">3</a></li>
331
													<li><a href="" class="disabled" data-help="help text for 4">4</a></li>
328
													<li><a href="" class="small current preselected  wrap-a" data-help="help text for 1">1</a></li>
329
													<li><a href="" class="medium wrap-a" data-help="help text for 2">2</a></li>
330
													<li><a href="" class="large disabled wrap-a" data-help="help text for 3">3</a></li>
331
													<li><a href="" class="disabled wrap-a" data-help="help text for 4">4</a></li>
332 332
												</ul>
333 333
											</div>
334 334
										</li>
......
355 355
													</div>
356 356
												</div>
357 357
												<ul class="options with-flavor">
358
													<li><a href="" class="small current preselected">1024</a></li>
359
													<li><a href="" class="medium">2048</a></li>
360
													<li><a href="" class="large">4096</a></li>
358
													<li><a href="" class="small current preselected wrap-a">1024</a></li>
359
													<li><a href="" class="medium wrap-a">2048</a></li>
360
													<li><a href="" class="large wrap-a">4096</a></li>
361 361
												</ul>
362 362
											</div>
363 363
										</li>
......
383 383
													</div>
384 384
												</div>
385 385
												<ul class="options with-flavor">
386
													<li><a href="" class="small current preselected">10</a></li>
387
													<li><a href="" class="medium">20</a></li>
388
													<li><a href="" class="large">30</a></li>
389
													<li><a href="">40</a></li>
386
													<li><a href="" class="small current preselected wrap-a">10</a></li>
387
													<li><a href="" class="medium wrap-a">20</a></li>
388
													<li><a href="" class="large wrap-a">30</a></li>
389
													<li><a href="" class="wrap-a">40</a></li>
390 390
												</ul>
391 391
											</div>
392 392
										</li>
......
412 412
													</div>
413 413
												</div>
414 414
												<ul class="options vm-storage-selection">
415
													<li><a href="" class="current preselected">DRBD</a></li>
416
													<li><a href="" data-next="el3">Archipelago</a></li>
415
													<li><a href="" class="current preselected wrap-a">DRBD</a></li>
416
													<li><a href="" data-next="el3" class="wrap-a">Archipelago</a></li>
417 417
												</ul>
418 418
											</div>
419 419
										</li>
......
462 462
													</li>
463 463
												</ul>
464 464
												<div>
465
													<a href="" class="btn5" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>
465
													<a href="" class="btn5 wrap-a" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a>
466 466
												</div>
467 467
											</div>
468 468
										</div>
......
495 495
															<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
496 496
														</div>
497 497
														<div>
498
															<a href="" class="btn5">allocate ip</a>
498
															<a href="" class="btn5 wrap-a">allocate ip</a>
499 499
														</div>
500 500
													</div>
501 501
												</li>
......
569 569
														<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a>
570 570
													</li>
571 571
												</ul>
572
												<div ><a class="btn5 show-add-tag" href="" id="show-add-tag">add new Tag</a></div>
572
												<div ><a class="btn5 show-add-tag wrap-a" href="" id="show-add-tag">add new Tag</a></div>
573 573
												<div class="snf-color-picker">
574 574
													<form action="#" method="post">
575 575
														<div id="picker-1">
......
585 585
															<input type="text" id="color-1" class="color-preview" name="color" value="#16C1E9" disabled>
586 586
															<span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span>
587 587
														</div>
588
													</form>
588
													</form>									
589 589
													<div class="btns">
590
														<a class="btn5" href="">OK</a>
591
														<a class="btn5 hide-add-tag" href="">CANCEL</a>
590
														<a class="btn5 wrap-a" href="">OK</a>
591
														<a class="btn5 hide-add-tag wrap-a" href="">CANCEL</a>
592 592
													</div>
593 593
													<a href="" id="hide-add-tag-dummy" style="position:relative;top:50px">&nbsp;</a>
594 594
												</div>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/vm_list.html
1242 1242
				</div>
1243 1243
				<div class="lt-bar">
1244 1244
					<ul class="lt-actions">
1245
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
1245
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>Select all</li>
1246 1246
						<li class="running"><a href="#" title="" data-reveal-id="reboot-confirm">Reboot</a></li>
1247 1247
						<li class="running"><a href="#" title="" data-reveal-id="shutdown-confirm">Shutdown</a></li>
1248 1248
						<li class="both"><a href="#" data-reveal-id="destroy-vm-confirm">Destroy</a></li>
b/snf-cyclades-app/synnefo/ui/new_ui/ui/volumes_list.html
344 344
				</ul>
345 345
				<div class="lt-bar">
346 346
					<ul>
347
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>un</em>Select all</li>
347
						<li class="select"><span class="snf-checkbox-unchecked checkbox"></span><em>Un</em>Select all</li>
348 348
						<li class="running pernament"><a href="#" title="" class="active">Destroy</a></li>
349 349
						<li class="running"><a href="#" title="">Detach from Machine</a></li>
350 350
						<!-- in case we want an action always activated

Also available in: Unified diff