sudoxreboot/habitica
1
0
Fork 0
mirror of https://github.com/sudoxnym/habitica.git synced 2026-08-04 01:29:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed css bug, where both min-width and max-width were set to 768.

Browse source 
Max-width was changed to 767 to prevent overlap, which produces artifacts when
screen width is exactly 768 pixels.
This commit is contained in:
pittaxx 2015-12-26 21:37:42 +02:00
parent e5c9924141
commit c7d47dcd0a
6 changed files with 17 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
website/public/css/global-modules.styl
View file

@ -221,7 +221,7 @@ $hrpg-modal-dropdown
min-width:110px
border-radius:4px
background-color:#fff
@media screen and (max-width:768px)
@media screen and (max-width:767px)
position:fixed
z-index: 1000
top: 2%
@ -254,7 +254,7 @@ $hrpg-modal-dropdown
max-height: 62.8vh
li
width: 100%
@media screen and (max-width:768px)
@media screen and (max-width:767px)
width: auto
a
display: inline-block
@ -297,7 +297,7 @@ $hrpg-modal-controls
margin-right: 0.618em
margin-bottom: 0.382em
display: inline-block
@media screen and (max-width:768px)
@media screen and (max-width:767px)
width: 96%
position: fixed
bottom:2%

6
website/public/css/header.styl
View file

@ -10,7 +10,7 @@
overflow-y: hidden
overflow-x: auto
// position relative
@media screen and (max-width:768px) // remove padding-top when toolbar is static
@media screen and (max-width:767px) // remove padding-top when toolbar is static
padding: 0
.toolbar.active ~ .header-wrap
padding: 0 // remove padding when toolbar is hidden
@ -107,7 +107,7 @@
vertical-align: middle
min-width:175px
width: 75%
@media screen and (max-width:768px)
@media screen and (max-width:767px)
padding: 1.1em 0.618em 0
.meter-label
float: left
@ -169,4 +169,4 @@ header .hero-stats
button.party-invite
display: block
margin: 57px auto
margin: 57px auto

10
website/public/css/menu.styl
View file

@ -77,7 +77,7 @@
white-space: nowrap
float:left;
padding: 0.618em
@media screen and (max-width:768px)
@media screen and (max-width:767px)
display: none
> li
margin-right: 0.618em
@ -98,7 +98,7 @@
.toolbar-bailey, .toolbar-wallet, .toolbar-options, .toolbar-subscribe
float:right
padding: 0.618em 0.618em 0.618em 0
@media screen and (max-width:768px)
@media screen and (max-width:767px)
float: none
display: inline-block
padding: 0.618em 0.382em 0.618em 0
@ -121,7 +121,7 @@
.toolbar-options, .toolbar-wallet
> li
margin-left: 0.618em
@media screen and (max-width:768px)
@media screen and (max-width:767px)
.toolbar-options
> li
padding-left:0em
@ -140,7 +140,7 @@
div
padding-bottom: 1em
width: 300px
@media screen and (max-width:768px)
@media screen and (max-width:767px)
width: 96%
.toolbar-notifs-notifs
padding-bottom:1em
@ -167,7 +167,7 @@
hrpg-button-color-mixin(lighten($color-toolbar,32.8%))
.toolbar-subscribe-button, .toolbar-controls .toolbar-subscribe-button
@extend $hrpg-button
@media screen and (max-width:768px)
@media screen and (max-width:767px)
.toolbar-toggle
display: none
.toolbar-mobile, .toolbar-settings, .toolbar-audio

2
website/public/css/npcs.styl
View file

@ -8,7 +8,7 @@
width:55px
margin-right:0.618em
position:relative
@media screen and (max-width:768px)
@media screen and (max-width:767px)
margin-right:0px
.npc_bailey
float:left

8
website/public/css/options.styl
View file

@ -12,7 +12,7 @@
li
@extend $hrpg-button
hrpg-button-color-mixin($color-options-menu)
hrpg-button-color-mixin($color-options-menu)
.options-submenu
margin-top: -1.618em
@ -27,9 +27,9 @@
border-bottom: 1px solid darken($color-options-menu, 12%)
padding: .5em
@media screen and (max-width:768px)
@media screen and (max-width:767px)
padding: 1em 0.618em 0 0.618em
border: 1px solid darken($color-options-menu, 12%)
border-top: none

2
website/public/css/shared.styl
View file

@ -53,7 +53,7 @@ li.spaced
color: white;
margin-right: 5px;
@media (max-width: 768px)
@media (max-width:767px)
.container-fluid
padding-right: 5px
padding-left: 5px