changes

[lolstats] / html / style.sass

diff --git a/html/style.sass b/html/style.sass
index cf1518988ae2cd58346eba41f4e2c10102c10212..ccdab302a188bf07a22ca361322ad70f0bcf85bc 100644 (file)
--- a/html/style.sass
+++ b/html/style.sass
@@ -51,21 +51,22 @@ body
   position: absolute
   font-size: $font-size2
   width: calc(100% - #{2 * $margin})
   position: absolute
   font-size: $font-size2
   width: calc(100% - #{2 * $margin})

-  min-height: calc(100% - (#{$widget-height} + #{3 * $margin}) - #{2 * $margin})
+  height: calc(100% - (#{$widget-height} + #{3 * $margin}) - #{2 * $margin})

   margin: $margin
   top: calc(#{$widget-height} + #{3 * $margin})
   background-color: $color2
   border-radius: $border
   text-align: center
   margin: $margin
   top: calc(#{$widget-height} + #{3 * $margin})
   background-color: $color2
   border-radius: $border
   text-align: center

-#historyfilters
+#historyfilters, #statsfilters

   position: relative
   width: calc(100% - #{2 * $margin})
   height: calc(#{3 * $widget-height} + #{2 * $margin})
   margin: $margin
 #matchlist
   width: calc(100% - #{2 * $margin})
   position: relative
   width: calc(100% - #{2 * $margin})
   height: calc(#{3 * $widget-height} + #{2 * $margin})
   margin: $margin
 #matchlist
   width: calc(100% - #{2 * $margin})

+  height: calc(100% - #{4 * $margin} - 2px - (#{3 * $widget-height} + #{2 * $margin}))

   margin: $margin
   margin: $margin

-  height: auto
+  overflow: auto

 hr
   margin: 0
 select
 hr
   margin: 0
 select


@@ -94,6 +95,9 @@ button:hover
   position: absolute
   right: 0px
   bottom: 0px
   position: absolute
   right: 0px
   bottom: 0px

+.championIcon
+  width: 60px
+  height: 60px

 #regionselect
   text-transform: uppercase
   position: absolute
 #regionselect
   text-transform: uppercase
   position: absolute


@@ -117,6 +121,17 @@ button:hover
   position: absolute
   right: 0px
   bottom: 0px
   position: absolute
   right: 0px
   bottom: 0px

+#champselect
+  position: absolute
+  top: 0
+  left: 0
+  height: 100%
+  width: auto
+  overflow: auto
+  text-align: left
+button.champselect
+  width: $widget-width / 2
+  height: $widget-height / 2

 @keyframes startup
   0%
     top: 50%
 @keyframes startup
   0%
     top: 50%