Commit e29ee8c3fc3fc27a6c429fe825e47da406523565

Authored by Luigi Serra
1 parent 86c67be6

containers style updates

controllets/generic-cards-container-controllet/generic-cards-container-controllet.html
... ... @@ -64,7 +64,7 @@ Example:
64 64 top: 8px;
65 65 }
66 66  
67   - .card-grid
  67 + .card_grid
68 68 {
69 69 width: 100%;
70 70 z-index: 0;
... ... @@ -72,39 +72,41 @@ Example:
72 72 padding: 5%;
73 73 }
74 74  
75   - .card-grid:after {
  75 + .card_grid:after {
76 76 content: '';
77 77 display: block;
78 78 clear: both;
79 79 }
80 80  
81 81 ::content .card{
82   - /* ms-transform: scale(0.80);
83   - -moz-transform: scale(0.80);
84   - -o-transform: scale(0.80);
85   - -webkit-transform: scale(0.80);
86   - transform: scale(0.80);
87   - -ms-transform-origin: 0 0;
88   - -moz-transform-origin: 0 0;
89   - -o-transform-origin: 0 0;
90   - -webkit-transform-origin: 0 0;
91   - transform-origin: 0 0;*/
92 82 margin: 10px;
93 83 float: left;
94 84 }
95 85  
96   - ::content .card-grid .fullscreen{
  86 + ::content .card_grid .fullscreen{
97 87 display: none;
98 88 }
99 89  
100   - ::content .card-grid .delete{
  90 + ::content .card_grid .delete{
101 91 display: none;
102 92 }
103 93  
  94 + ::content .empty{
  95 + position: absolute;
  96 + right: 0;
  97 + left: 27%;
  98 + top: 40%;
  99 + margin-right: auto;
  100 + margin-left: auto;
  101 + font-family: 'Roboto', sans-serif;
  102 + font-weight: 500;
  103 + font-size: large;
  104 + }
  105 +
104 106 </style>
105 107  
106 108 <div id="container" class="layout vertical">
107   - <div class="card-grid">
  109 + <div class="card_grid" id="card_grid">
108 110 <content></content>
109 111 </div>
110 112 </div>
... ... @@ -138,6 +140,12 @@ Example:
138 140 ready : function(){
139 141 var _this = this;
140 142 var cards = document.querySelectorAll('paper-card-controllet');
  143 +
  144 + if(cards.length == 0){
  145 +
  146 + this.$.card_grid.innerHTML += "<div class='empty'>There is nothing to show.</div>";
  147 + }
  148 +
141 149 for(var i = 0; i < cards.length; i++){
142 150 cards[i].addEventListener('click', function(e){
143 151 _this._cardClick(e)
... ...