110swag / flashy-frontend

Download as
Browse Code ยป

Commit f3d9271b825e812002411bd542c3f352f0c245c2

Authored by Andrew Buss
1 parent 4b201f2e23
Exists in master and in 1 other branch ef9f9dd363e92d55eb4d80d036193be39572172b

more attempts at card sizing

Showing 4 changed files with 7 additions and 7 deletions Side-by-side Diff

scripts/FlashcardDirective.js View file @ f3d9271
... ... @@ -11,7 +11,7 @@
11 11 console.log('HELLO FROM FLASHCARD DIRECTIVE');
12 12 console.log(scope.flashcard);
13 13 console.log(element);
14   -
  14 + scope.card_width = '300px';
15 15 // Put flashcard-specific functions here.
16 16 // This will probably include add/hide/modals/etc.
17 17 scope.pullCard = function(flashcard) {
scripts/RootController.js View file @ f3d9271
... ... @@ -14,10 +14,11 @@
14 14 });
15 15  
16 16 $('.button-collapse').sideNav({
17   - menuWidth: 300, // Default is 240
18   - edge: 'right', // Choose the horizontal origin
19   - closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
20   - }
  17 + menuWidth: 300, // Default is 240
  18 + edge: 'right', // Choose the horizontal origin
  19 + closeOnClick: true // Closes side-nav on <a> clicks, useful for Angular/Meteor
  20 + }
21 21 );
  22 +
22 23 }]);
styles/flashy.css View file @ f3d9271
... ... @@ -61,7 +61,6 @@
61 61 max-width: calc(5 * 60px);
62 62 min-height: calc((992px / 4 - 6px * 2) * 3 / 5);
63 63 /*min-width: calc(992px / 4 - 6px * 2);*/
64   - width: calc(992px / 4 - 6px * 2);
65 64 }
66 65  
67 66 .card-overlay {
templates/flashcard.html View file @ f3d9271
1   - <div class="card flashy">
  1 + <div class="card flashy" ng-style="{'width':card_width}">
2 2 <div class="card-content">
3 3 <p>{{flashcard.text}}</p>
4 4 </div>