2 new commits in galaxy-central: https://bitbucket.org/galaxy/galaxy-central/commits/9a440d0b2a1c/ changeset: 9a440d0b2a1c user: james_taylor date: 2013-01-18 16:44:18 summary: modals: make wider by default and scroll like trello affected #: 3 files diff -r a4113cc1cb5eaa68091c9a73375f00555b66dd11 -r 9a440d0b2a1ca00e71564f9258211a9eb9830fee static/june_2007_style/base.less --- a/static/june_2007_style/base.less +++ b/static/june_2007_style/base.less @@ -311,9 +311,10 @@ } #overlay { - position: fixed; + position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; + overflow-y: auto; } #overlay.is_modal #overlay-background, .overlay-background { diff -r a4113cc1cb5eaa68091c9a73375f00555b66dd11 -r 9a440d0b2a1ca00e71564f9258211a9eb9830fee static/june_2007_style/blue/base.css --- a/static/june_2007_style/blue/base.css +++ b/static/june_2007_style/blue/base.css @@ -537,6 +537,9 @@ .btn.active,.btn:active{color:inherit;} .dropdown-menu{max-width:auto;} input[type="checkbox"],input[type="radio"]{margin-left:0.5ex;margin-right:0.5ex;} +.modal{position:absolute;top:50px;width:660px;margin-left:-330px;} +.modal:after{content:"";height:0px;position:relative;top:50px;display:block;border:solid transparent 1px;} +.modal-body{height:auto;max-height:none;} .nav-tabs{border-bottom:1px solid #999999;} .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #999999;} .nav-tabs>.active>a,.nav-tabs>.active>a:hover{border:1px solid #999999;border-bottom-color:transparent;} @@ -865,7 +868,7 @@ .panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;padding-right:0.5em;padding-left:0.5em;}.panel-header-button:hover{color:maroon;-webkit-transition:color 0.25s linear;-moz-transition:color 0.25s linear;-o-transition:color 0.25s linear;transition:color 0.25s linear;} .panel-header-button .caret{margin-top:7px;} .panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;} -#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;} +#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20000;overflow-y:auto;} #overlay.is_modal #overlay-background,.overlay-background{background:rgba(0, 0, 0, 0.5);} .panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;} .panel-warning-message{background-image:url(warn_small.png);background-color:#ffffcc;} diff -r a4113cc1cb5eaa68091c9a73375f00555b66dd11 -r 9a440d0b2a1ca00e71564f9258211a9eb9830fee static/june_2007_style/galaxy_bootstrap.less --- a/static/june_2007_style/galaxy_bootstrap.less +++ b/static/june_2007_style/galaxy_bootstrap.less @@ -98,6 +98,31 @@ margin-right: 0.5ex; } +// Modal -- wider by default, scroll like Trello + +.modal { + position: absolute; + top: 50px; + width: 660px; + margin-left: -330px; +} + + +.modal:after { + content: ""; + height: 0px; + position: relative; + top: 50px; + display: block; + border: solid transparent 1px; +}; + + +.modal-body { + height: auto; + max-height: none; +} + // Tabs -- border color is hardcoded in navs.less, change to @btnBorder here .nav-tabs { https://bitbucket.org/galaxy/galaxy-central/commits/add133ca7596/ changeset: add133ca7596 user: james_taylor date: 2013-01-18 17:31:21 summary: merge affected #: 3 files diff -r b9d44cf4b68e2c4a76bc2b7f7eb54950e2c077be -r add133ca7596281900e31933e6b0748812323517 static/june_2007_style/base.less --- a/static/june_2007_style/base.less +++ b/static/june_2007_style/base.less @@ -311,9 +311,10 @@ } #overlay { - position: fixed; + position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; + overflow-y: auto; } #overlay.is_modal #overlay-background, .overlay-background { diff -r b9d44cf4b68e2c4a76bc2b7f7eb54950e2c077be -r add133ca7596281900e31933e6b0748812323517 static/june_2007_style/blue/base.css --- a/static/june_2007_style/blue/base.css +++ b/static/june_2007_style/blue/base.css @@ -537,6 +537,9 @@ .btn.active,.btn:active{color:inherit;} .dropdown-menu{max-width:auto;} input[type="checkbox"],input[type="radio"]{margin-left:0.5ex;margin-right:0.5ex;} +.modal{position:absolute;top:50px;width:660px;margin-left:-330px;} +.modal:after{content:"";height:0px;position:relative;top:50px;display:block;border:solid transparent 1px;} +.modal-body{height:auto;max-height:none;} .nav-tabs{border-bottom:1px solid #999999;} .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #999999;} .nav-tabs>.active>a,.nav-tabs>.active>a:hover{border:1px solid #999999;border-bottom-color:transparent;} @@ -865,7 +868,7 @@ .panel-header-button{color:#333;text-decoration:none;display:inline-block;cursor:pointer;margin:-1px;padding:1px;margin-top:-0.2em;padding-right:0.5em;padding-left:0.5em;}.panel-header-button:hover{color:maroon;-webkit-transition:color 0.25s linear;-moz-transition:color 0.25s linear;-o-transition:color 0.25s linear;transition:color 0.25s linear;} .panel-header-button .caret{margin-top:7px;} .panel-header-button.popup{padding-right:1.75em;background:url(../images/dropdownarrow.png) no-repeat right 7px;} -#overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:20000;} +#overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20000;overflow-y:auto;} #overlay.is_modal #overlay-background,.overlay-background{background:rgba(0, 0, 0, 0.5);} .panel-error-message,.panel-warning-message,.panel-done-message,.panel-info-message{height:24px;line-height:24px;color:#303030;padding:0px;padding-left:26px;background-color:#ffcccc;background-image:url(error_small.png);background-repeat:no-repeat;background-position:6px 50%;} .panel-warning-message{background-image:url(warn_small.png);background-color:#ffffcc;} diff -r b9d44cf4b68e2c4a76bc2b7f7eb54950e2c077be -r add133ca7596281900e31933e6b0748812323517 static/june_2007_style/galaxy_bootstrap.less --- a/static/june_2007_style/galaxy_bootstrap.less +++ b/static/june_2007_style/galaxy_bootstrap.less @@ -98,6 +98,31 @@ margin-right: 0.5ex; } +// Modal -- wider by default, scroll like Trello + +.modal { + position: absolute; + top: 50px; + width: 660px; + margin-left: -330px; +} + + +.modal:after { + content: ""; + height: 0px; + position: relative; + top: 50px; + display: block; + border: solid transparent 1px; +}; + + +.modal-body { + height: auto; + max-height: none; +} + // Tabs -- border color is hardcoded in navs.less, change to @btnBorder here .nav-tabs { Repository URL: https://bitbucket.org/galaxy/galaxy-central/ -- This is a commit notification from bitbucket.org. You are receiving this because you have the service enabled, addressing the recipient of this email.