Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP

Loading…

Fixed issue #48 #67

Merged
merged 1 commit into from

2 participants

@shblythe

Fixed issue #48, incorrect placement of editor buttons, by anchoring bottom
of the editor and the button positions to a fix distance from the bottom of the
window.

Stephen Blythe Fixed issue #48, incorrect placement of editor buttons, by anchoring …
…the bottom

of the editor and the button positions to a fix distance from the bottom of the
window.
5596db8
@ldenman

This looks great! Thank you!

@ldenman ldenman merged commit 4336783 into hybridgroup:master
@shblythe

No problem. Happy to help.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Commits on Apr 11, 2012
  1. Fixed issue #48, incorrect placement of editor buttons, by anchoring …

    Stephen Blythe authored
    …the bottom
    
    of the editor and the button positions to a fix distance from the bottom of the
    window.
This page is out of date. Refresh to see the latest.
Showing with 10 additions and 13 deletions.
  1. +6 −8 public/css/master.css
  2. +4 −5 sass/master.scss
View
14 public/css/master.css
@@ -95,20 +95,19 @@ body.lesson-set section h1 {
/* line 87, ../../sass/master.scss */
#buttons {
- position: relative;
+ position: absolute;
float: right;
- top: 93%;
- width: 100%;
+ bottom: 2px;
+ width: 49%;
}
/* line 93, ../../sass/master.scss */
#buttons button {
background-color: red;
- -moz-border-radius: 4px;
-webkit-border-radius: 4px;
- -o-border-radius: 4px;
+ -moz-border-radius: 4px;
-ms-border-radius: 4px;
- -khtml-border-radius: 4px;
+ -o-border-radius: 4px;
border-radius: 4px;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3333), color-stop(100%, #ff0000));
background: -webkit-linear-gradient(#ff3333, #ff0000);
@@ -203,11 +202,10 @@ iframe h1 {
/* line 174, ../../sass/master.scss */
#rubycode {
width: 49%;
- height: 94%;
margin: 0;
position: absolute;
top: 0;
- bottom: 0;
+ bottom: 48px;
left: 0;
right: 0;
clear: both;
View
9 sass/master.scss
@@ -85,10 +85,10 @@ body.lesson-set section h1 {
}
#buttons {
- position: relative;
+ position: absolute;
float: right;
- top: 93%;
- width: 100%;
+ bottom: 2px;
+ width: 49%;
}
#buttons button {
background-color: red;
@@ -173,11 +173,10 @@ iframe h1 {
#rubycode {
width: 49%;
- height: 94%;
margin: 0;
position: absolute;
top: 0;
- bottom: 0;
+ bottom: 48px;
left: 0;
right: 0;
clear: both;
Something went wrong with that request. Please try again.