Permalink
Browse files

Make IE render the theme fairly at least acceptably

  • Loading branch information...
1 parent e73538d commit fc76883ef3a94a69bcbefb1ac351829b627d123a @koppen committed Jun 24, 2011
Showing with 128 additions and 104 deletions.
  1. +13 −11 javascripts/theme.js
  2. +2 −2 sass/_forms.sass
  3. +13 −4 sass/_layout.sass
  4. +1 −1 sass/_tabs.sass
  5. +1 −0 sass/application.sass
  6. +1 −1 sass/mixins/_box.sass
  7. +2 −0 sass/page_specific/_issues.sass
  8. +95 −85 stylesheets/application.css
View
@@ -1,21 +1,21 @@
document.observe("dom:loaded", function() {
- try {
+ //try {
function buildProjectMenuItem(project) {
- var link = document.createElement('a');
+ var link = $(document.createElement('a'));
link.href = project.url;
link.innerHTML = project.name;
if (project.selected) {
link.addClassName('selected');
};
- var li = document.createElement('li');
+ var li = $(document.createElement('li'));
li.appendChild(link);
return li;
};
function buildProjectList(projectSelector) {
var projects = getProjectsFromSelectElement(projectSelector);
- var projectList = document.createElement('ul');
+ var projectList = $(document.createElement('ul'));
projectList.addClassName('projects');
projectList.setStyle({ display: 'none' });
@@ -27,7 +27,7 @@ document.observe("dom:loaded", function() {
};
function buildProjectListMenuItem(projectSelector) {
- var menuItem = document.createElement('li');
+ var menuItem = $(document.createElement('li'));
var title = getTitleFromSelectElement(projectSelector);
menuItem.appendChild(buildProjectListToggle(title));
@@ -39,7 +39,7 @@ document.observe("dom:loaded", function() {
};
function buildProjectListToggle(title) {
- var toggle = document.createElement('a');
+ var toggle = $(document.createElement('a'));
toggle.href = '#'; // Makes it behave like a real link
toggle.innerHTML = title.replace('...', '…');
@@ -71,7 +71,7 @@ document.observe("dom:loaded", function() {
function moveProjectSelectorToTopMenu(projectSelector, topMenuList) {
if (!projectSelector || !topMenuList) {
- return false
+ return false;
}
var menuItem = buildProjectListMenuItem(projectSelector);
@@ -92,10 +92,12 @@ document.observe("dom:loaded", function() {
$$('#wrapper #top-menu > ul').first()
);
- } catch(error) {
- console.error(error);
- throw error;
- }
+ // } catch(error) {
+ // if (typeof(console) != 'undefined') {
+ // console.error(error);
+ // };
+ // throw error;
+ // }
});
View
@@ -49,15 +49,15 @@ fieldset
fieldset
// Fieldsets inside a box element shouldn't get the box styling
border: 0
- background: inherit
+ background: none
+box-shadow(none)
margin: 0
padding: 0
// It would be nice if submit buttons had a class or a containing element
input[type=submit]
margin: $spacing 1em $spacing 0
- padding: $spacing
+ padding: $spacing/2 $spacing
.box + input[type=submit]
font-weight: bold
View
@@ -48,13 +48,19 @@
color: $link_color
ul
+navigation_list
+ +clearfix
+box-shadow(rgba(0,0,0,0.2) 1px 1px 4px)
- background: #666666
- +background(linear-gradient(top, #777777, #444444))
+ +background(#666666 linear-gradient(top, #777777, #444444))
+border-radius($outside_border_radius)
float: left
overflow: visible // Don't clip the project submenu
- li > *
+ li a
+ // Colors for browsers without rgba support
+ border-left: 1px solid #7e7e7e
+ border-top: 1px solid #7e7e7e
+ border-right: 1px solid #424242
+ border-bottom: 1px solid #424242
+ // Colors for proper browsers
border-left: 1px solid rgba(200,200,200,0.3)
border-top: 1px solid rgba(200,200,200,0.3)
border-right: 1px solid rgba(0,0,0,0.3)
@@ -130,6 +136,8 @@
#quick-search
form
float: left
+ width: 225px
+ width: $sidebar_width + $spacing*2
a
color: $text_color
text-decoration: none
@@ -142,6 +150,7 @@
border-bottom: 1px solid #e1e1e1
border-left: 1px solid #c1c1c1
+box-shadow(inset rgba(0,0,0,0.2) 1px 1px 2px)
+ float: right
padding: 0.2em 1em
select
// The Jump to project dropdown
@@ -164,7 +173,7 @@
padding: 0
width: auto
#sidebar
- background: #efefff
+ background: #ffffff url('../images/sidebar_separator.png') no-repeat 0 100%
+background(url('../images/sidebar_separator.png') 0 100% no-repeat, linear-gradient(center top, #efefef 50%, #FFFFFF) repeat scroll 0 0 transparent)
+border-radius(0 0 $outside_border_radius 0)
float: right
View
@@ -5,7 +5,7 @@ $tab_arrow_size: $spacing/2
#content .tabs
background: adjust-lightness($box_background_color, -5%)
- +background(linear-gradient(top, $box_background_color, adjust-lightness($box_background_color, -5%) 80%, adjust-lightness($box_background_color, -12%)))
+ +background(adjust-lightness($box_background_color, -5%) linear-gradient(top, $box_background_color, adjust-lightness($box_background_color, -5%) 80%, adjust-lightness($box_background_color, -12%)))
+border-radius($outside_border_radius / 2)
+border-bottom-radius(0)
height: 3em
View
@@ -4,6 +4,7 @@
@import 'compass/css3/border-radius'
@import 'compass/css3/box-shadow'
@import 'compass/css3/images'
+@import 'compass/utilities/general/clearfix'
@import 'mixins/navigation-list'
@import 'mixins/box'
View
@@ -1,6 +1,6 @@
=box
background-color: $box_background_color
- +background(linear-gradient(top, #ffffff, $box_background_color))
+ +background($box_background_color linear-gradient(top, #ffffff, $box_background_color))
+border-radius($outside_border_radius / 2)
+box-shadow(inset #ffffff 0 0 1em)
border: 1px solid $separator_color
@@ -50,6 +50,8 @@ table.attributes
border: none
+border-radius(0)
+box-shadow(none)
+ margin: $spacing 0
+ padding: 0
#history
.journal
Oops, something went wrong.

0 comments on commit fc76883

Please sign in to comment.