Skip to content
This repository
Browse code

fixed communities buttons and list header+footer on ie8

  • Loading branch information...
commit b9e36296d43509201eba352a3201390e899fd25c 1 parent 0f935b7
Blaise Laflamme blaflamme authored
1  bottlecap/layouts/popper/static/css/elements/buttons.less
@@ -28,6 +28,7 @@
28 28
29 29 // Give IE7 some love
30 30 .ie7-restore-left-whitespace();
  31 + position: relative;
31 32 }
32 33
33 34 // Hover state
15 bottlecap/layouts/popper/static/css/ie.css
@@ -4,7 +4,12 @@ input,textarea,select,.uneditable-input{behavior:url(PIE.htc);}
4 4 .input-prepend .add-on,.input-append .add-on{behavior:url(PIE.htc);}
5 5 .input-append input{behavior:url(PIE.htc);}
6 6 .input-append .add-on{behavior:url(PIE.htc);}
7   -.btn{behavior:url(PIE.htc);}.btn.large{behavior:url(PIE.htc);}
  7 +.btn{behavior:url(PIE.htc);}.btn.btn-mini,.btn.btn-small,.btn.btn-large{behavior:url(PIE.htc);}
  8 +.btn-group .btn{filter:none;behavior:url(PIE.htc);}
  9 +.btn-group .btn:first-child{behavior:url(PIE.htc);}
  10 +.btn-group .btn:last-child,.btn-group .dropdown-toggle{behavior:url(PIE.htc);}
  11 +.btn-group .btn.large:first-child{behavior:url(PIE.htc);}
  12 +.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{behavior:url(PIE.htc);}
8 13 form#search-form fieldset{behavior:url(PIE.htc);}
9 14 .search{behavior:url(PIE.htc);}.search .searchInputWrapper{behavior:url(PIE.htc);}
10 15 .notification{behavior:url(PIE.htc);}
@@ -12,17 +17,17 @@ form#search-form fieldset{behavior:url(PIE.htc);}
12 17 .messageCounter{behavior:url(PIE.htc);}
13 18 .open{behavior:url(PIE.htc);}
14 19 .dropwdown-menu{behavior:url(PIE.htc);}
15   -.sectionRelated,.contentRelated{behavior:url(PIE.htc);}
16   -.filterOptions{behavior:url(PIE.htc);}
  20 +.label-moderator,.label.private{position:relative;behavior:url(PIE.htc);}
  21 +.sectionRelated,.contentRelated,.contentActions{behavior:url(PIE.htc);}
  22 +.filter{position:relative;background-color:#ab9779;filter:none;behavior:url(PIE.htc);}
  23 +.paginationBar{position:relative;background-color:#ab9779;filter:none;behavior:url(PIE.htc);}
17 24 table{behavior:url(PIE.htc);}
18 25 table.filtered{behavior:url(PIE.htc);}
19 26 a.keyword{behavior:url(PIE.htc);}a.keyword:after{behavior:url(PIE.htc);}
20 27 a.keywordCounter{behavior:url(PIE.htc);}
21 28 form.addKeyword fieldset{behavior:url(PIE.htc);}
22 29 form.addKeyword button{behavior:url(PIE.htc);}
23   -.filter{behavior:url(PIE.htc);}
24 30 .tabular-view a,.picture-view a{behavior:url(PIE.htc);}
25   -.paginationBar{behavior:url(PIE.htc);}
26 31 .next,.prev{behavior:url(PIE.htc);}
27 32 #radar-panel .radar-content{behavior:url(PIE.htc);}#radar-panel .radar-content .radar-header ul#sections li{behavior:url(PIE.htc);}
28 33 #chatter-panel .chatter-content{behavior:url(PIE.htc);}
48 bottlecap/layouts/popper/static/css/ie.less
@@ -30,11 +30,29 @@ select,
30 30 // Button Base
31 31 behavior: url(PIE.htc);
32 32 // Button Sizes
33   - &.large {
  33 + &.btn-mini, &.btn-small, &.btn-large {
34 34 behavior: url(PIE.htc);
35 35 }
36 36 }
37   -
  37 +.btn-group .btn {
  38 + filter: none;
  39 + behavior: url(PIE.htc);
  40 +}
  41 +.btn-group .btn:first-child {
  42 + behavior: url(PIE.htc);
  43 +}
  44 +.btn-group .btn:last-child,
  45 +.btn-group .dropdown-toggle {
  46 + behavior: url(PIE.htc);
  47 +}
  48 +// Reset corners for large buttons
  49 +.btn-group .btn.large:first-child {
  50 + behavior: url(PIE.htc);
  51 +}
  52 +.btn-group .btn.large:last-child,
  53 +.btn-group .large.dropdown-toggle {
  54 + behavior: url(PIE.htc);
  55 +}
38 56 /* MAIN */
39 57 .quickpanelToggle(@textColor:#fff) {
40 58 behavior: url(PIE.htc);
@@ -67,13 +85,23 @@ form#search-form fieldset {
67 85 .dropwdown-menu {
68 86 behavior: url(PIE.htc);
69 87 }
70   -// .label-moderator, .label.private {
71   -// behavior: url(PIE.htc);
72   -// }
73   -.sectionRelated, .contentRelated {
  88 +.label-moderator, .label.private {
  89 + position: relative;
74 90 behavior: url(PIE.htc);
75 91 }
76   -.filterOptions {
  92 +.sectionRelated, .contentRelated, .contentActions {
  93 + behavior: url(PIE.htc);
  94 +}
  95 +.filter {
  96 + position: relative;
  97 + background-color: #ab9779;
  98 + filter: none;
  99 + behavior: url(PIE.htc);
  100 +}
  101 +.paginationBar {
  102 + position: relative;
  103 + background-color: #ab9779;
  104 + filter: none;
77 105 behavior: url(PIE.htc);
78 106 }
79 107 table {
@@ -99,16 +127,10 @@ form.addKeyword {
99 127 behavior: url(PIE.htc);
100 128 }
101 129 }
102   -.filter {
103   - behavior: url(PIE.htc);
104   -}
105 130 .tabular-view a,
106 131 .picture-view a {
107 132 behavior: url(PIE.htc);
108 133 }
109   -.paginationBar {
110   - behavior: url(PIE.htc);
111   -}
112 134 .next, .prev {
113 135 behavior: url(PIE.htc);
114 136 }
9 bottlecap/layouts/popper/static/css/main.css
@@ -321,7 +321,7 @@ input:focus:required:invalid,textarea:focus:required:invalid,select:focus:requir
321 321 .form-horizontal .control-group{margin-bottom:0.7617142857142857em;zoom:1;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";zoom:1;}
322 322 .form-horizontal .control-group:after{clear:both;}
323 323 .control-group.required label{position:relative;color:#e15f41;}.control-group.required label:after{content:"*";display:inline-block;position:absolute;color:#e15f41;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);font-weight:normal;vertical-align:top;padding:0 .1em;margin:0;font-size:1.5em;}
324   -.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15;line-height:1.333em;color:#333333;text-align:center;vertical-align:middle;background-color:#e4d5be;background-image:-moz-linear-gradient(top, #eadecc, #dbc7a8);background-image:-ms-linear-gradient(top, #eadecc, #dbc7a8);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eadecc), to(#dbc7a8));background-image:-webkit-linear-gradient(top, #eadecc, #dbc7a8);background-image:-o-linear-gradient(top, #eadecc, #dbc7a8);background-image:linear-gradient(top, #eadecc, #dbc7a8);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eadecc', endColorstr='#dbc7a8', GradientType=0);border-color:#dbc7a8 #dbc7a8 #c5a472;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);border:1px solid #ccaf84;border-bottom-color:#bd9860;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#dbc7a8;border-bottom:1px solid #c5a472;}
  324 +.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px 4px;margin-bottom:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15;line-height:1.333em;color:#333333;text-align:center;vertical-align:middle;background-color:#e4d5be;background-image:-moz-linear-gradient(top, #eadecc, #dbc7a8);background-image:-ms-linear-gradient(top, #eadecc, #dbc7a8);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eadecc), to(#dbc7a8));background-image:-webkit-linear-gradient(top, #eadecc, #dbc7a8);background-image:-o-linear-gradient(top, #eadecc, #dbc7a8);background-image:linear-gradient(top, #eadecc, #dbc7a8);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eadecc', endColorstr='#dbc7a8', GradientType=0);border-color:#dbc7a8 #dbc7a8 #c5a472;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);border:1px solid #ccaf84;border-bottom-color:#bd9860;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);cursor:pointer;*margin-left:.3em;position:relative;}.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled]{background-color:#dbc7a8;border-bottom:1px solid #c5a472;}
325 325 .btn:active,.btn.active{background-color:#ccaf84 \9;}
326 326 .btn:first-child{*margin-left:0;}
327 327 .btn:hover{color:#333333;text-decoration:none;background-color:#dbc7a8;background-position:0 -15px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
@@ -491,12 +491,7 @@ form.addTag button{position:absolute;top:0;right:0;font-size:0.75em;font-family:
491 491 #view-switcher .selected a{background-color:#ab9779;-webkit-box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.5),0 1px 0 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.5),0 1px 0 0 rgba(255, 255, 255, 0.5);box-shadow:0 -1px 0 0 rgba(0, 0, 0, 0.5),0 1px 0 0 rgba(255, 255, 255, 0.5);cursor:default;position:relative;bottom:-1px;}
492 492 .filterOptions{display:block;position:absolute;right:0.5em;zoom:1;*zoom:1;clear:both;}.filterOptions:before,.filterOptions:after{display:table;content:"";zoom:1;}
493 493 .filterOptions:after{clear:both;}
494   -.filterOptions>li{padding:0;margin:0;float:left;}
495   -.filterOptions>li:nth-child(1)>label{-webkit-border-radius:0.3em 0 0 0.3em;-moz-border-radius:0.3em 0 0 0.3em;border-radius:0.3em 0 0 0.3em;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
496   -.filterOptions>li:last-child>label{-webkit-border-radius:0 0.3em 0.3em 0;-moz-border-radius:0 0.3em 0.3em 0;border-radius:0 0.3em 0.3em 0;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
497   -.filterOptions input[type="radio"].switch{display:none;-webkit-appearance:none;}
498   -.filterOptions input[type="radio"].switch+label{display:block;width:auto;padding:0.255em 0.75em;color:#222222;background-color:#ab9779;border:none;-webkit-box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.4),0 -1px 0 0 rgba(255, 255, 255, 0.5);-moz-box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.4),0 -1px 0 0 rgba(255, 255, 255, 0.5);box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.4),0 -1px 0 0 rgba(255, 255, 255, 0.5);text-align:center;}.filterOptions input[type="radio"].switch+label span{display:block;}
499   -.filterOptions input[type="radio"].switch:checked+label{color:#ffffff;background-color:#8f806f;}
  494 +.filterOptions a{color:#333333;}
500 495 .ui-grid-row h3{padding:0;margin:0;}
501 496 .ui-grid-row p{padding:0;margin:0.25em 0;}
502 497 .ui-grid-row .footer-line{color:#8f806f;font-size:0.80em;font-style:italic;}
43 bottlecap/layouts/popper/static/css/main.less
@@ -568,47 +568,8 @@ form#send-message {
568 568 right: 0.5em;
569 569 .clearfix();
570 570 clear: both;
571   -
572   - > li {
573   - padding: 0;
574   - margin: 0;
575   - float: left;
576   - }
577   -
578   - > li:nth-child(1) > label {
579   - .css3_border_radius(.3em 0 0 .3em);
580   - }
581   -
582   - > li:last-child > label {
583   - .css3_border_radius(0 .3em .3em 0);
584   - }
585   -
586   - input[type="radio"].switch {
587   - display: none;
588   - -webkit-appearance:none;
589   - }
590   - input[type="radio"].switch+label {
591   - display: block;
592   - width: auto;
593   - padding: 0.255em 0.75em;
594   - color: @baseFontColor;
595   - background-color: #ab9779;
596   - border: none;
597   - @shadow:0 1px 0 0 rgba(0,0,0,.4), 0 -1px 0 0 rgba(255,255,255,.5);
598   - -webkit-box-shadow: @shadow;
599   - -moz-box-shadow: @shadow;
600   - box-shadow: @shadow;
601   - text-align: center;
602   - //&:hover {
603   - // background-color: #ab9779;
604   - //}
605   - span {
606   - display: block;
607   - }
608   - }
609   - input[type="radio"].switch:checked+label {
610   - color: #ffffff;
611   - background-color: @baseColor1;
  571 + a {
  572 + color: #333333;
612 573 }
613 574 }
614 575
22 bottlecap/layouts/popper/templates/grid_header.pt
@@ -13,19 +13,15 @@
13 13 title="${format['description']}">${format['title']}</a></li>
14 14 </ul>
15 15
16   - <ul class="contentActions filterOptions" id="filter-options" tal:condition="filters">
17   - <li tal:repeat="filter filters">
18   - <input
19   - type="radio"
20   - name="filter-options"
21   - id="${filter['name']}-view"
22   - value="${filter['url']}"
23   - class="switch"
24   - tal:attributes="checked 'checked' if filter['selected'] else None" />
25   - <label for="${filter['name']}-view">
26   - <span>${filter['title']}</span>
27   - </label></li>
28   - </ul>
  16 +
  17 + <div class="btn-group filterOptions" id="filter-options" tal:condition="filters">
  18 + <div tal:repeat="filter filters" tal:omit-tag>
  19 + <a class="btn btn-small${' active' if filter['selected'] else ''}"
  20 + name="filter-options"
  21 + id="${filter['name']}-view"
  22 + href="${filter['url']}">${filter['title']}</a>
  23 + </div>
  24 + </div>
29 25
30 26 <ul class="alphabet" tal:condition="letters">
31 27 <tal:block repeat="letter letters">

0 comments on commit b9e3629

Please sign in to comment.
Something went wrong with that request. Please try again.