Update Adsense to place ads on all devices

The current adsense implementation only places ads on desktop-sized screens. This change allows ads of the appropriate size to be displayed on any device. fixes #224
2016-05-03 20:25:56 -07:00
parent fd5372b35d
commit ebf3443e96
22 changed files with 236 additions and 125 deletions
@@ -7,7 +7,6 @@

 .content.view__browse_page
    .left
-        .view__adsense

    .right
        .tile_container
@@ -10,8 +10,8 @@

    .right {
        .tile_container {
-            display     : flex;
-            flex-wrap   : wrap;
+            display   : flex;
+            flex-wrap : wrap;

            .view__mod_tile {
                flex          : 1 1 calc(50% - 12px); // $size-margin-large / 2
@@ -5,7 +5,6 @@
 # All rights reserved.
 #

-AdsenseController = require '../common/adsense/adsense_controller'
 ModTileController = require './mod_tile/mod_tile_controller'
 PageController    = require '../page_controller'

@@ -32,8 +31,6 @@ module.exports = class BrowsePageController extends PageController
    # BaseController Overrides #####################################################################

    onDidRender: ->
-        @_adsenseController = @addChild AdsenseController, '.view__adsense', model:'skyscraper'
-
        @$tileContainer = @$('.tile_container')

    refresh: ->
@@ -8,13 +8,11 @@
 .view__mod_tile {
    min-width : $size-minecraft-block * 9;

-    display         : flex;
-    justify-content : stretch;
-    align-items     : stretch;
+    display: flex;

    a {
        @include floating-panel;
-        width : 100%;
+        flex: 1 1 100%;

        border          : $size-border-medium solid $color-background-panel;
        color           : $color-text;
@@ -12,6 +12,7 @@ BaseController = require '../../base_controller'
 module.exports = class ModTileController extends BaseController

    constructor: (options={})->
+        options.tagName      = 'section'
        options.templateName = 'browse_page/mod_tile'
        super options