]> gitweb.ps.run Git - lolstats/blobdiff - html/style.sass
changes
[lolstats] / html / style.sass
index cf1518988ae2cd58346eba41f4e2c10102c10212..ccdab302a188bf07a22ca361322ad70f0bcf85bc 100644 (file)
@@ -51,21 +51,22 @@ body
   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
-#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})
+  height: calc(100% - #{4 * $margin} - 2px - (#{3 * $widget-height} + #{2 * $margin}))
   margin: $margin
-  height: auto
+  overflow: auto
 hr
   margin: 0
 select
@@ -94,6 +95,9 @@ button:hover
   position: absolute
   right: 0px
   bottom: 0px
+.championIcon
+  width: 60px
+  height: 60px
 #regionselect
   text-transform: uppercase
   position: absolute
@@ -117,6 +121,17 @@ button:hover
   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%