Revision 86b0e0b9

b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/common.js
750 750 
     $('.lt-bar .select').click(function(e){
751 751 
        $(this).find('span').toggleClass('snf-checkbox-checked snf-checkbox-unchecked');
752 752 
        $(this).find('em').toggle();
753 
        $(this).toggleClass('selected');
753 754 
        if ( $(this).find('span').hasClass('snf-checkbox-unchecked')){
754 755 
            $('.list-view  li .check span').removeClass('snf-checkbox-checked');
755 756 
            $('.list-view  li .check span').addClass('snf-checkbox-unchecked');
b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_items-list.scss
174 174 
				height: $list-icon-height;
175 175 
				line-height: $list-icon-height;
176 176 
				&.select {
177 
					text-transform: capitalize;
177 178 
					span {
178 179 
						font-size: 16px;
179 180 
						margin-right: 5px;
......
188 189 
						color: $link-color-hover;
189 190 
						cursor: pointer;
190 191 
					}
192 
					&.selected {
193 
							text-transform: lowercase;
194 
						em {
195 
							text-transform: capitalize;
196 
						}
197 
					}
191 198 
				}
192 199 
			}
193 200 
			&.lt-actions {
b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css
7884 7884 
  height: 30px;
7885 7885 
  line-height: 30px;
7886 7886 
}
7887 
/* line 177, ../sass/_items-list.scss */
7887 
/* line 176, ../sass/_items-list.scss */
7888 
.list-view .lt-bar ul li.select, .storage-progress .lt-bar ul li.select {
7889 
  text-transform: capitalize;
7890 
}
7891 
/* line 178, ../sass/_items-list.scss */
7888 7892 
.list-view .lt-bar ul li.select span, .storage-progress .lt-bar ul li.select span {
7889 7893 
  font-size: 16px;
7890 7894 
  margin-right: 5px;
7891 7895 
  position: relative;
7892 7896 
  top: 2px;
7893 7897 
}
7894 
/* line 183, ../sass/_items-list.scss */
7898 
/* line 184, ../sass/_items-list.scss */
7895 7899 
.list-view .lt-bar ul li.select em, .storage-progress .lt-bar ul li.select em {
7896 7900 
  display: none;
7897 7901 
  font-style: normal;
7898 7902 
}
7899 
/* line 187, ../sass/_items-list.scss */
7903 
/* line 188, ../sass/_items-list.scss */
7900 7904 
.list-view .lt-bar ul li.select:hover, .storage-progress .lt-bar ul li.select:hover {
7901 7905 
  color: #30c79e;
7902 7906 
  cursor: pointer;
7903 7907 
}
7904 
/* line 195, ../sass/_items-list.scss */
7908 
/* line 192, ../sass/_items-list.scss */
7909 
.list-view .lt-bar ul li.select.selected, .storage-progress .lt-bar ul li.select.selected {
7910 
  text-transform: lowercase;
7911 
}
7912 
/* line 194, ../sass/_items-list.scss */
7913 
.list-view .lt-bar ul li.select.selected em, .storage-progress .lt-bar ul li.select.selected em {
7914 
  text-transform: capitalize;
7915 
}
7916 
/* line 202, ../sass/_items-list.scss */
7905 7917 
.list-view .lt-bar ul.lt-actions li a, .storage-progress .lt-bar ul.lt-actions li a {
7906 7918 
  color: #bebebe;
7907 7919 
}
7908 
/* line 197, ../sass/_items-list.scss */
7920 
/* line 204, ../sass/_items-list.scss */
7909 7921 
.list-view .lt-bar ul.lt-actions li a:hover, .storage-progress .lt-bar ul.lt-actions li a:hover {
7910 7922 
  color: #bebebe;
7911 7923 
  cursor: default;
7912 7924 
}
7913 
/* line 201, ../sass/_items-list.scss */
7925 
/* line 208, ../sass/_items-list.scss */
7914 7926 
.list-view .lt-bar ul.lt-actions li a.active, .storage-progress .lt-bar ul.lt-actions li a.active {
7915 7927 
  color: #485057;
7916 7928 
}
7917 
/* line 203, ../sass/_items-list.scss */
7929 
/* line 210, ../sass/_items-list.scss */
7918 7930 
.list-view .lt-bar ul.lt-actions li a.active:hover, .storage-progress .lt-bar ul.lt-actions li a.active:hover {
7919 7931 
  color: #30c79e;
7920 7932 
  cursor: pointer;
7921 7933 
}
7922 
/* line 208, ../sass/_items-list.scss */
7934 
/* line 215, ../sass/_items-list.scss */
7923 7935 
.list-view .lt-bar ul.lt-actions li a span, .storage-progress .lt-bar ul.lt-actions li a span {
7924 7936 
  margin-right: 6px;
7925 7937 
  width: 14px;
7926 7938 
  display: inline-block;
7927 7939 
}
7928 
/* line 212, ../sass/_items-list.scss */
7940 
/* line 219, ../sass/_items-list.scss */
7929 7941 
.list-view .lt-bar ul.lt-actions li a span.snf-folder-move-outline, .storage-progress .lt-bar ul.lt-actions li a span.snf-folder-move-outline {
7930 7942 
  font-size: 1.5em;
7931 7943 
  position: relative;
7932 7944 
}
7933 
/* line 224, ../sass/_items-list.scss */
7945 
/* line 231, ../sass/_items-list.scss */
7934 7946 
.list-view .lt-bar ul.more li a span, .storage-progress .lt-bar ul.more li a span {
7935 7947 
  font-size: 1.5em;
7936 7948 
  margin-right: 2px;
7937 7949 
}
7938 
/* line 233, ../sass/_items-list.scss */
7950 
/* line 240, ../sass/_items-list.scss */
7939 7951 
.list-view .items-list, .storage-progress .items-list {
7940 7952 
  overflow: hidden;
7941 7953 
}
7942 
/* line 235, ../sass/_items-list.scss */
7954 
/* line 242, ../sass/_items-list.scss */
7943 7955 
.list-view .items-list > li, .storage-progress .items-list > li {
7944 7956 
  height: auto;
7945 7957 
  width: 100%;
7946 7958 
  padding: 15px 15px 15px 140px;
7947 7959 
  background-image: none;
7948 7960 
}
7949 
/* line 236, ../sass/_items-list.scss */
7961 
/* line 243, ../sass/_items-list.scss */
7950 7962 
.list-view .items-list > li.selected, .storage-progress .items-list > li.selected {
7951 7963 
  background-color: #f0f0f0;
7952 7964 
}
7953 
/* line 244, ../sass/_items-list.scss */
7965 
/* line 251, ../sass/_items-list.scss */
7954 7966 
.list-view .items-list > li:hover, .storage-progress .items-list > li:hover {
7955 7967 
  background-color: #f0f0f0;
7956 7968 
}
7957 
/* line 247, ../sass/_items-list.scss */
7969 
/* line 254, ../sass/_items-list.scss */
7958 7970 
.list-view .items-list > li .check, .storage-progress .items-list > li .check {
7959 7971 
  width: 60px;
7960 7972 
  height: 30px;
......
7963 7975 
  float: left;
7964 7976 
  padding-left: 20px;
7965 7977 
}
7966 
/* line 254, ../sass/_items-list.scss */
7978 
/* line 261, ../sass/_items-list.scss */
7967 7979 
.list-view .items-list > li .check:hover, .storage-progress .items-list > li .check:hover {
7968 7980 
  cursor: pointer;
7969 7981 
  color: #30c79e;
7970 7982 
}
7971 
/* line 259, ../sass/_items-list.scss */
7983 
/* line 266, ../sass/_items-list.scss */
7972 7984 
.list-view .items-list > li .img-wrap, .storage-progress .items-list > li .img-wrap {
7973 7985 
  width: 60px;
7974 7986 
  float: left;
7975 7987 
  text-align: center;
7976 7988 
  height: 30px;
7977 7989 
}
7978 
/* line 264, ../sass/_items-list.scss */
7990 
/* line 271, ../sass/_items-list.scss */
7979 7991 
.list-view .items-list > li .img-wrap .os, .storage-progress .items-list > li .img-wrap .os {
7980 7992 
  background: url("../images/os-unknown.png") no-repeat center center;
7981 7993 
  width: 14px;
......
7991 8003 
  margin-left: -7px;
7992 8004 
  top: 6px;
7993 8005 
}
7994 
/* line 275, ../sass/_items-list.scss */
8006 
/* line 282, ../sass/_items-list.scss */
7995 8007 
.list-view .items-list > li .img-wrap .snf-font, .storage-progress .items-list > li .img-wrap .snf-font {
7996 8008 
  font-size: 30px;
7997 8009 
  line-height: 120%;
7998 8010 
}
7999 
/* line 280, ../sass/_items-list.scss */
8011 
/* line 287, ../sass/_items-list.scss */
8000 8012 
.list-view .items-list > li h4, .storage-progress .items-list > li h4 {
8001 8013 
  width: 180px;
8002 8014 
  overflow: hidden;
......
8009 8021 
  color: inherit;
8010 8022 
  padding-right: 20px;
8011 8023 
}
8012 
/* line 292, ../sass/_items-list.scss */
8024 
/* line 299, ../sass/_items-list.scss */
8013 8025 
.list-view .items-list > li .tags, .storage-progress .items-list > li .tags {
8014 8026 
  float: left;
8015 8027 
  width: 100px;
8016 8028 
  height: 30px;
8017 8029 
  line-height: 30px;
8018 8030 
}
8019 
/* line 297, ../sass/_items-list.scss */
8031 
/* line 304, ../sass/_items-list.scss */
8020 8032 
.list-view .items-list > li .tags a, .storage-progress .items-list > li .tags a {
8021 8033 
  vertical-align: middle;
8022 8034 
}
8023 
/* line 301, ../sass/_items-list.scss */
8035 
/* line 308, ../sass/_items-list.scss */
8024 8036 
.list-view .items-list > li .size, .list-view .items-list > li .remove, .storage-progress .items-list > li .size, .storage-progress .items-list > li .remove {
8025 8037 
  float: left;
8026 8038 
  width: 100px;
......
8030 8042 
  text-align: left;
8031 8043 
  padding-left: 20px;
8032 8044 
}
8033 
/* line 310, ../sass/_items-list.scss */
8045 
/* line 317, ../sass/_items-list.scss */
8034 8046 
.list-view .items-list > li .status, .storage-progress .items-list > li .status {
8035 8047 
  position: absolute;
8036 8048 
  left: 260px;
......
8040 8052 
  line-height: 110%;
8041 8053 
  width: 240px;
8042 8054 
}
8043 
/* line 318, ../sass/_items-list.scss */
8055 
/* line 325, ../sass/_items-list.scss */
8044 8056 
.list-view .items-list > li .status span, .storage-progress .items-list > li .status span {
8045 8057 
  display: inline;
8046 8058 
}
8047 
/* line 322, ../sass/_items-list.scss */
8059 
/* line 329, ../sass/_items-list.scss */
8048 8060 
.list-view .items-list > li .info, .list-view .items-list > li .progress-col, .storage-progress .items-list > li .info, .storage-progress .items-list > li .progress-col {
8049 8061 
  float: left;
8050 8062 
  width: 220px;
......
8053 8065 
  line-height: 30px;
8054 8066 
  font-size: 0.75em;
8055 8067 
}
8056 
/* line 330, ../sass/_items-list.scss */
8068 
/* line 337, ../sass/_items-list.scss */
8057 8069 
.list-view .items-list > li .actions, .storage-progress .items-list > li .actions {
8058 8070 
  float: left;
8059 8071 
  height: 30px;
......
8062 8074 
  padding: 0 10px;
8063 8075 
  top: 2px;
8064 8076 
}
8065 
/* line 338, ../sass/_items-list.scss */
8077 
/* line 345, ../sass/_items-list.scss */
8066 8078 
.list-view .items-list > li .actions a:first-child, .storage-progress .items-list > li .actions a:first-child {
8067 8079 
  margin-right: 5px;
8068 8080 
}
8069 
/* line 343, ../sass/_items-list.scss */
8081 
/* line 350, ../sass/_items-list.scss */
8070 8082 
.list-view .items-list > li .actions-col, .list-view .items-list > li .remove, .storage-progress .items-list > li .actions-col, .storage-progress .items-list > li .remove {
8071 8083 
  visibility: hidden;
8072 8084 
  height: 30px;
......
8075 8087 
  width: 140px;
8076 8088 
  float: left;
8077 8089 
}
8078 
/* line 350, ../sass/_items-list.scss */
8090 
/* line 357, ../sass/_items-list.scss */
8079 8091 
.list-view .items-list > li .actions-col a, .list-view .items-list > li .remove a, .storage-progress .items-list > li .actions-col a, .storage-progress .items-list > li .remove a {
8080 8092 
  margin-right: 10px;
8081 8093 
}
8082 
/* line 355, ../sass/_items-list.scss */
8094 
/* line 362, ../sass/_items-list.scss */
8083 8095 
.list-view .items-list > li.add-new:hover, .storage-progress .items-list > li.add-new:hover {
8084 8096 
  background: #485057;
8085 8097 
}
8086 
/* line 358, ../sass/_items-list.scss */
8098 
/* line 365, ../sass/_items-list.scss */
8087 8099 
.list-view .items-list > li.add-new .check, .storage-progress .items-list > li.add-new .check {
8088 8100 
  visibility: hidden;
8089 8101 
}
8090 
/* line 361, ../sass/_items-list.scss */
8102 
/* line 368, ../sass/_items-list.scss */
8091 8103 
.list-view .items-list > li.add-new h4, .storage-progress .items-list > li.add-new h4 {
8092 8104 
  margin: 0;
8093 8105 
}
8094 
/* line 365, ../sass/_items-list.scss */
8106 
/* line 372, ../sass/_items-list.scss */
8095 8107 
.list-view .items-list > li.add-new .img-wrap .symbol, .storage-progress .items-list > li.add-new .img-wrap .symbol {
8096 8108 
  font-size: 24px;
8097 8109 
}
8098 
/* line 372, ../sass/_items-list.scss */
8110 
/* line 379, ../sass/_items-list.scss */
8099 8111 
.list-view .items-list > li.building .img-wrap .incomplete, .storage-progress .items-list > li.building .img-wrap .incomplete {
8100 8112 
  width: 30px;
8101 8113 
  margin: 0 auto;
8102 8114 
}
8103 
/* line 376, ../sass/_items-list.scss */
8115 
/* line 383, ../sass/_items-list.scss */
8104 8116 
.list-view .items-list > li.building .img-wrap .complete, .storage-progress .items-list > li.building .img-wrap .complete {
8105 8117 
  top: -30px;
8106 8118 
  margin: 0 auto;
8107 8119 
}
8108 8120 

  		





  8109
  
  
    
/* line 390, ../sass/_items-list.scss */


  		





  
  8121
  
    
/* line 397, ../sass/_items-list.scss */


  		





  8110
  8122
  
    
.containers .storage .items-list > li:hover {


  		





  8111
  8123
  
    
  background-color: inherit;


  		





  8112
  8124
  
    
}


  		





  8113
  8125
  
    

  		





  8114
  
  
    
/* line 401, ../sass/_items-list.scss */


  		





  
  8126
  
    
/* line 408, ../sass/_items-list.scss */


  		





  8115
  8127
  
    
.storage .lt-bar .lt-actions .select {


  		





  8116
  8128
  
    
  margin-right: 4px;


  		





  8117
  8129
  
    
}


  		





  8118
  8130
  
    

  		





  8119
  
  
    
/* line 410, ../sass/_items-list.scss */


  		





  
  8131
  
    
/* line 417, ../sass/_items-list.scss */


  		





  8120
  8132
  
    
.lt-bar .items-list .check, .lt-bar .items-list .actions, .lt-bar .items-list .info {


  		





  8121
  8133
  
    
  display: none;


  		





  8122
  8134
  
    
}


  		





  8123
  
  
    
/* line 413, ../sass/_items-list.scss */


  		





  
  8135
  
    
/* line 420, ../sass/_items-list.scss */


  		





  8124
  8136
  
    
.lt-bar .items-list > li {


  		





  8125
  8137
  
    
  background: url(../images/dashed_atom-x.png) repeat-x center bottom;


  		





  8126
  8138
  
    
  padding: 40px;


  		





  8127
  8139
  
    
  height: auto;


  		





  8128
  8140
  
    
}


  		





  8129
  
  
    
/* line 417, ../sass/_items-list.scss */


  		





  
  8141
  
    
/* line 424, ../sass/_items-list.scss */


  		





  8130
  8142
  
    
.lt-bar .items-list > li:hover {


  		





  8131
  8143
  
    
  background-color: #bebebe;


  		





  8132
  8144
  
    
}


  		





  8133
  
  
    
/* line 420, ../sass/_items-list.scss */


  		





  
  8145
  
    
/* line 427, ../sass/_items-list.scss */


  		





  8134
  8146
  
    
.lt-bar .items-list > li.add-new {


  		





  8135
  8147
  
    
  background-color: #30c79e;


  		





  8136
  8148
  
    
}


  		





  8137
  
  
    
/* line 422, ../sass/_items-list.scss */


  		





  
  8149
  
    
/* line 429, ../sass/_items-list.scss */


  		





  8138
  8150
  
    
.lt-bar .items-list > li.add-new:hover {


  		





  8139
  8151
  
    
  background-color: #485057;


  		





  8140
  8152
  
    
}


  		





  8141
  
  
    
/* line 427, ../sass/_items-list.scss */


  		





  
  8153
  
    
/* line 434, ../sass/_items-list.scss */


  		





  8142
  8154
  
    
.lt-bar .items-list .container {


  		





  8143
  8155
  
    
  height: 160px;


  		





  8144
  8156
  
    
  position: relative;


  		





  8145
  8157
  
    
  line-height: 120%;


  		





  8146
  8158
  
    
}


  		





  8147
  
  
    
/* line 431, ../sass/_items-list.scss */


  		





  
  8159
  
    
/* line 438, ../sass/_items-list.scss */


  		





  8148
  8160
  
    
.lt-bar .items-list .container .tags {


  		





  8149
  8161
  
    
  width: 100%;


  		





  8150
  8162
  
    
  min-height: 12px;


  		





  ......




  8153
  8165
  
    
}


  		





  8154
  8166
  
    

  		





  8155
  8167
  
    
/* img-wrap div ( colors & styles ) */


  		





  8156
  
  
    
/* line 444, ../sass/_items-list.scss */


  		





  
  8168
  
    
/* line 451, ../sass/_items-list.scss */


  		





  8157
  8169
  
    
.img-wrap {


  		





  8158
  8170
  
    
  width: 60px;


  		





  8159
  8171
  
    
  position: relative;


  		





  8160
  8172
  
    
  display: inline-block;


  		





  8161
  8173
  
    
  line-height: 100%;


  		





  8162
  8174
  
    
}


  		





  8163
  
  
    
/* line 450, ../sass/_items-list.scss */


  		





  
  8175
  
    
/* line 457, ../sass/_items-list.scss */


  		





  8164
  8176
  
    
.img-wrap .os {


  		





  8165
  8177
  
    
  background: url("../images/os-unknown.png") no-repeat center center;


  		





  8166
  8178
  
    
  width: 22px;


  		





  ......




  8173
  8185
  
    
  left: 50%;


  		





  8174
  8186
  
    
  margin-left: -11px;


  		





  8175
  8187
  
    
}


  		





  8176
  
  
    
/* line 456, ../sass/_items-list.scss */


  		





  
  8188
  
    
/* line 463, ../sass/_items-list.scss */


  		





  8177
  8189
  
    
.img-wrap .os.windows {


  		





  8178
  8190
  
    
  background-image: url("../images/os-windows.png");


  		





  8179
  8191
  
    
}


  		





  8180
  
  
    
/* line 457, ../sass/_items-list.scss */


  		





  
  8192
  
    
/* line 464, ../sass/_items-list.scss */


  		





  8181
  8193
  
    
.img-wrap .os.kubuntu {


  		





  8182
  8194
  
    
  background-image: url("../images/os-kubuntu.png");


  		





  8183
  8195
  
    
}


  		





  8184
  
  
    
/* line 458, ../sass/_items-list.scss */


  		





  
  8196
  
    
/* line 465, ../sass/_items-list.scss */


  		





  8185
  8197
  
    
.img-wrap .os.fedora {


  		





  8186
  8198
  
    
  background-image: url("../images/os-fedora.png");


  		





  8187
  8199
  
    
}


  		





  8188
  
  
    
/* line 459, ../sass/_items-list.scss */


  		





  
  8200
  
    
/* line 466, ../sass/_items-list.scss */


  		





  8189
  8201
  
    
.img-wrap .os.symbol {


  		





  8190
  8202
  
    
  position: relative;


  		





  8191
  8203
  
    
  top: -50px;


  		





  ......




  8265
  8277
  
    
  color: #30c79e;


  		





  8266
  8278
  
    
}


  		





  8267
  8279
  
    

  		





  8268
  
  
    
/* line 496, ../sass/_items-list.scss */


  		





  
  8280
  
    
/* line 503, ../sass/_items-list.scss */


  		





  8269
  8281
  
    
.building .img-wrap .snf-pc-full {


  		





  8270
  8282
  
    
  display: block;


  		





  8271
  8283
  
    
}


  		





  8272
  
  
    
/* line 500, ../sass/_items-list.scss */


  		





  
  8284
  
    
/* line 507, ../sass/_items-list.scss */


  		





  8273
  8285
  
    
.building .img-wrap .incomplete {


  		





  8274
  8286
  
    
  color: #54d6b3;


  		





  8275
  8287
  
    
  width: 60px;


  		





  8276
  8288
  
    
}


  		





  8277
  
  
    
/* line 504, ../sass/_items-list.scss */


  		





  
  8289
  
    
/* line 511, ../sass/_items-list.scss */


  		





  8278
  8290
  
    
.building .img-wrap .complete {


  		





  8279
  8291
  
    
  width: 0%;


  		





  8280
  8292
  
    
  position: absolute;


  		












Also available in:
  Unified diff