Commit 10349394e04875a13a92119774ab5ab6fbb8b694
1 parent
6f57fcdf
generic-card-container
Showing
2 changed files
with
6 additions
and
25 deletions
controllets/animated-button-container-controllet/animated-button-container-controllet.html
controllets/generic-cards-container-controllet/generic-cards-container-controllet.html
| @@ -59,17 +59,10 @@ Example: | @@ -59,17 +59,10 @@ Example: | ||
| 59 | 59 | ||
| 60 | <style is="custom-style"> | 60 | <style is="custom-style"> |
| 61 | 61 | ||
| 62 | - .legend span{ | ||
| 63 | - position: relative; | ||
| 64 | - top: 8px; | ||
| 65 | - } | ||
| 66 | - | ||
| 67 | .card_grid | 62 | .card_grid |
| 68 | { | 63 | { |
| 69 | width: 100%; | 64 | width: 100%; |
| 70 | z-index: 0; | 65 | z-index: 0; |
| 71 | - margin: auto; | ||
| 72 | - padding: 5%; | ||
| 73 | } | 66 | } |
| 74 | 67 | ||
| 75 | .card_grid:after { | 68 | .card_grid:after { |
| @@ -79,7 +72,7 @@ Example: | @@ -79,7 +72,7 @@ Example: | ||
| 79 | } | 72 | } |
| 80 | 73 | ||
| 81 | ::content .card{ | 74 | ::content .card{ |
| 82 | - margin: 10px; | 75 | + margin: 40px 0px 0px 40px; |
| 83 | float: left; | 76 | float: left; |
| 84 | } | 77 | } |
| 85 | 78 | ||
| @@ -100,25 +93,13 @@ Example: | @@ -100,25 +93,13 @@ Example: | ||
| 100 | display: none; | 93 | display: none; |
| 101 | } | 94 | } |
| 102 | 95 | ||
| 103 | - ::content .empty{ | ||
| 104 | - position: absolute; | ||
| 105 | - right: 0; | ||
| 106 | - left: 27%; | ||
| 107 | - top: 40%; | ||
| 108 | - margin-right: auto; | ||
| 109 | - margin-left: auto; | ||
| 110 | - font-family: 'Roboto', sans-serif; | ||
| 111 | - font-weight: 500; | ||
| 112 | - font-size: large; | ||
| 113 | - } | ||
| 114 | - | ||
| 115 | </style> | 96 | </style> |
| 116 | 97 | ||
| 117 | - <div id="container" class="layout vertical"> | ||
| 118 | - <div class="card_grid" id="card_grid"> | 98 | + <!--<div id="container">--> |
| 99 | + <div class="card_grid"> | ||
| 119 | <content></content> | 100 | <content></content> |
| 120 | </div> | 101 | </div> |
| 121 | - </div> | 102 | + <!--</div>--> |
| 122 | </template> | 103 | </template> |
| 123 | 104 | ||
| 124 | <script> | 105 | <script> |