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

Fixes for the profile modal

Browse source 
This commit fixes the following:

1. Unintented scrollbar was being created on the .modal container element
2. 15px gap between the footer and scrollable content, creating an odd visual lapse
3. Modal was too wide between 768px and 900px, bleeding off the page.
This commit is contained in:
Tyler Smith 2016-01-16 16:14:20 -08:00
parent 5315cc9055
commit 1d7c30a06d
1 changed files with 14 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
website/public/css/avatar.styl
View file

@ -11,11 +11,22 @@ future re: pets and whatnot, this is just temporary.
// see http://stackoverflow.com/questions/24166568/set-bootstrap-modal-body-height-by-percentage
.profile-modal
.modal-dialog,.modal-content
height: 96%
.modal-dialog
height: 100%
width: auto
max-width: 920px
margin: 0 auto
padding: 10px
@media screen and (min-width:768px)
padding: 30px 10px
.modal-content
height: 100%
.modal-body
max-height: calc(100% - 150px) //100% = dialog height, 150px = header + footer
max-height: calc(100% - 137px) // 100% = dialog height, 150px = header (70px) + footer (67px)
overflow-y: scroll
.modal-footer
margin: 0
padding: 16px 20px
.herobox
// Base styles