Revision d7a5e1a7
| /dev/null | ||
|---|---|---|
| 1 |
.items-list .img-wrap .snf-font {
|
|
| 2 |
font-size: 58px; |
|
| 3 |
position: relative; |
|
| 4 |
// bottom: -3px; |
|
| 5 |
} |
|
| 6 |
.list-view .items-list .img-wrap .snf-font {
|
|
| 7 |
font-size: 34px; |
|
| 8 |
color: #30c79e; |
|
| 9 |
} |
|
| 10 |
|
|
| 11 |
.step-2>ul>li {
|
|
| 12 |
margin-bottom: 0.5em; |
|
| 13 |
} |
|
| 14 |
|
|
| 15 |
.wizard .vms-list {
|
|
| 16 |
margin-top: 1em; |
|
| 17 |
&>li {
|
|
| 18 |
margin-bottom: 0.5em; |
|
| 19 |
&>div, &>a {
|
|
| 20 |
display: inline-block; |
|
| 21 |
margin-right: 15px; |
|
| 22 |
} |
|
| 23 |
.img-wrap {
|
|
| 24 |
position: relative; |
|
| 25 |
width: 30px; |
|
| 26 |
.snf-font {
|
|
| 27 |
font-size: 30px; |
|
| 28 |
} |
|
| 29 |
.os{
|
|
| 30 |
background-size: 14px; |
|
| 31 |
top: -2px; |
|
| 32 |
} |
|
| 33 |
} |
|
| 34 |
} |
|
| 35 |
} |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_wizards.scss | ||
|---|---|---|
| 791 | 791 |
font-size: $wizard-paragraph-font-size-custom; |
| 792 | 792 |
line-height: 1; |
| 793 | 793 |
} |
| 794 |
h2 {
|
|
| 795 |
color:white; |
|
| 796 |
font-size: emCalc(16px); |
|
| 797 |
} |
|
| 794 | 798 |
.volume_options {
|
| 795 | 799 |
&>li{
|
| 796 | 800 |
display: block; |
| 797 | 801 |
&.volume-name { //same with network-name and vm-name
|
| 798 | 802 |
margin: 40px 0; |
| 799 |
h2 {
|
|
| 800 |
color:white; |
|
| 801 |
font-size: emCalc(16px); |
|
| 802 |
} |
|
| 803 | 803 |
} |
| 804 | 804 |
list-style: none outside none; |
| 805 | 805 |
margin-bottom:30px; |
| ... | ... | |
| 928 | 928 |
.explain {
|
| 929 | 929 |
margin-bottom: 1em; |
| 930 | 930 |
} |
| 931 |
|
|
| 932 |
.vms-list {
|
|
| 933 |
margin-top: emCalc(16px); |
|
| 934 |
&>li {
|
|
| 935 |
margin-bottom: emCalc(8px); |
|
| 936 |
margin-left: emCalc(24px); |
|
| 937 |
&:first-child {
|
|
| 938 |
.img-wrap .snf-font{
|
|
| 939 |
color: white; |
|
| 940 |
} |
|
| 941 |
} |
|
| 942 |
&>div, &>a {
|
|
| 943 |
display: inline-block; |
|
| 944 |
margin-right: 15px; |
|
| 945 |
} |
|
| 946 |
.img-wrap {
|
|
| 947 |
position: relative; |
|
| 948 |
width: emCalc(30px); |
|
| 949 |
.snf-font {
|
|
| 950 |
font-size: emCalc(30px); |
|
| 951 |
color: $vm-active-color; |
|
| 952 |
} |
|
| 953 |
.os{
|
|
| 954 |
background-size: emCalc(14px); |
|
| 955 |
top: -2px; |
|
| 956 |
} |
|
| 957 |
} |
|
| 958 |
.name {
|
|
| 959 |
width: $conf-area-h-width; |
|
| 960 |
} |
|
| 961 |
} |
|
| 962 |
} |
|
| 931 | 963 |
} |
| 932 | 964 |
} |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/app.scss | ||
|---|---|---|
| 64 | 64 |
@import "wizards"; |
| 65 | 65 |
@import "overlays"; |
| 66 | 66 |
@import "sshkeys-wizard"; |
| 67 |
@import "volumes"; |
|
| 68 | 67 |
@import "connected"; |
| 69 | 68 |
@import "images"; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/volumes_list.html | ||
|---|---|---|
| 162 | 162 |
</ul> |
| 163 | 163 |
</div> |
| 164 | 164 |
<div class="step step-2"> |
| 165 |
<h2 class="row"> Machines</h2> |
|
| 165 | 166 |
<ul class="row vms-list"> |
| 166 | 167 |
<li> |
| 167 |
<a href=""><span class="snf-radio-checked prechecked"></span></a> |
|
| 168 | 168 |
<div class="img-wrap"> |
| 169 | 169 |
<span class="snf-pc-outline snf-font"></span> |
| 170 | 170 |
</div> |
| 171 |
<div>no machine</div> |
|
| 171 |
<div class="name">no machine</div> |
|
| 172 |
<a href=""><span class="snf-radio-checked prechecked"></span></a> |
|
| 172 | 173 |
</li> |
| 173 | 174 |
<li> |
| 174 |
<a href=""><span class="snf-radio-unchecked"></span></a> |
|
| 175 | 175 |
<div class="img-wrap"> |
| 176 | 176 |
<span class="snf-pc-full snf-font"></span> |
| 177 | 177 |
<span class="os">unknown</span> |
| 178 | 178 |
</div> |
| 179 |
<div>Machine Name</div> |
|
| 180 |
<div>Machine ID</div> |
|
| 181 |
<div>Created: 12/12/12</div> |
|
| 182 |
<div>Other data</div> |
|
| 179 |
<div class="name">Machine Name</div> |
|
| 180 |
<a href=""><span class="snf-radio-unchecked"></span></a> |
|
| 183 | 181 |
</li> |
| 184 | 182 |
<li> |
| 185 |
<a href=""><span class="snf-radio-unchecked"></span></a> |
|
| 186 | 183 |
<div class="img-wrap"> |
| 187 | 184 |
<span class="snf-pc-full snf-font"></span> |
| 188 | 185 |
<span class="os">unknown</span> |
| 189 | 186 |
</div> |
| 190 |
<div>Machine Name</div> |
|
| 191 |
<div>Machine ID</div> |
|
| 192 |
<div>Created: 12/12/12</div> |
|
| 193 |
<div>Other data</div> |
|
| 187 |
<div class="name">A Longer Machine Name</div> |
|
| 188 |
<a href=""><span class="snf-radio-unchecked"></span></a> |
|
| 194 | 189 |
</li> |
| 195 | 190 |
<li> |
| 196 |
<a href=""><span class="snf-radio-unchecked"></span></a> |
|
| 197 | 191 |
<div class="img-wrap"> |
| 198 | 192 |
<span class="snf-pc-full snf-font"></span> |
| 199 | 193 |
<span class="os">unknown</span> |
| 200 | 194 |
</div> |
| 201 |
<div>Machine Name</div> |
|
| 202 |
<div>Machine ID</div> |
|
| 203 |
<div>Created: 12/12/12</div> |
|
| 204 |
<div>Other data</div> |
|
| 195 |
<div class="name">Shorty</div> |
|
| 196 |
<a href=""><span class="snf-radio-unchecked"></span></a> |
|
| 205 | 197 |
</li> |
| 206 | 198 |
</ul> |
| 207 | 199 |
</div> |
Also available in: Unified diff