| Index: trunk/extensions/MobileFrontend/stylesheets/beta_common.css |
| — | — | @@ -128,7 +128,6 @@ |
| 129 | 129 | |
| 130 | 130 | a.search-result-item { |
| 131 | 131 | display: block; |
| 132 | | - margin-right: 2em; |
| 133 | 132 | } |
| 134 | 133 | |
| 135 | 134 | /* TODO: support browsers which do not support data uris */ |
| — | — | @@ -137,16 +136,6 @@ |
| 138 | 137 | padding-right: 13px; |
| 139 | 138 | } |
| 140 | 139 | |
| 141 | | -#results { |
| 142 | | - display: none; |
| 143 | | - background-color: #ffffff; |
| 144 | | - border-top: none; |
| 145 | | - z-index: 2; |
| 146 | | - position: absolute; |
| 147 | | - left: 53px; |
| 148 | | - top: 35px; |
| 149 | | -} |
| 150 | | - |
| 151 | 140 | .search_bar .search { |
| 152 | 141 | -webkit-appearance: none; |
| 153 | 142 | border-top-width: 0px; |
| — | — | @@ -725,16 +714,46 @@ |
| 726 | 715 | full screen search css |
| 727 | 716 | */ |
| 728 | 717 | .full-screen-search #header { |
| | 718 | + -webkit-box-shadow: 3px 1px 8px #333; |
| | 719 | + -moz-box-shadow: 3px 1px 8px #333; |
| | 720 | + -o-box-shadow: 3px 1px 8px #333; |
| | 721 | + box-shadow: 3px 1px 8px #333; |
| | 722 | + z-index: 2; |
| 729 | 723 | margin: 0; |
| | 724 | + background-color: white; |
| 730 | 725 | } |
| 731 | 726 | |
| 732 | | -.full-screen-search #content, |
| | 727 | +#results, |
| | 728 | +#content_wrapper { |
| | 729 | + transition: all 0.3s ease-in-out; |
| | 730 | + -webkit-transition: all 0.3s ease-in-out; |
| | 731 | + -moz-transition: all 0.3s ease-in-out; |
| | 732 | + -o-transition: all 0.3s ease-in-out; |
| | 733 | +} |
| | 734 | + |
| | 735 | +#content_wrapper, |
| | 736 | +.full-screen-search #results { |
| | 737 | + opacity: 1; |
| | 738 | + height: auto; |
| | 739 | +} |
| | 740 | + |
| | 741 | +#results, |
| | 742 | +.full-screen-search #content_wrapper { |
| | 743 | + height: 0; |
| | 744 | + overflow: hidden; |
| | 745 | + opacity: 0; |
| | 746 | +} |
| | 747 | + |
| 733 | 748 | .full-screen-search #footer, |
| 734 | 749 | .full-screen-search #zero-rated-banner-red, |
| 735 | 750 | .full-screen-search #zero-rated-banner { |
| 736 | 751 | display: none; |
| 737 | 752 | } |
| 738 | 753 | |
| | 754 | +#search::-webkit-search-decoration { |
| | 755 | + display: none; |
| | 756 | +} |
| | 757 | + |
| 739 | 758 | #header, |
| 740 | 759 | #search, |
| 741 | 760 | #sq, |
| — | — | @@ -764,34 +783,32 @@ |
| 765 | 784 | .full-screen-search #results { |
| 766 | 785 | left: 0px; |
| 767 | 786 | width: 100% !important; |
| 768 | | - min-height: 100%; |
| 769 | | - border-bottom: none; |
| 770 | | - border-left: none; |
| 771 | | - border-right: none; |
| 772 | | - border-top: 1px solid #A6A6A6; |
| | 787 | + max-height: 99999px; |
| | 788 | + border: none; |
| | 789 | + z-index: 1; |
| 773 | 790 | background-color: #E6E6E6; |
| 774 | | - display: block; |
| | 791 | + position: relative; |
| | 792 | + opacity: 1; |
| 775 | 793 | } |
| 776 | 794 | |
| 777 | 795 | .full-screen-search .suggestions-results { |
| 778 | | - line-height: 2.6em; |
| 779 | 796 | padding: 0; |
| 780 | 797 | position: relative; |
| 781 | | - border-bottom: solid 1px #999; |
| | 798 | + padding-bottom: 20px; |
| 782 | 799 | font-size: 1.4em; |
| 783 | 800 | cursor: pointer; |
| 784 | 801 | margin: 0; |
| | 802 | + background-color: white; |
| 785 | 803 | } |
| 786 | 804 | |
| 787 | 805 | .full-screen-search .suggestions-result { |
| 788 | | - line-height: 2.6em; |
| | 806 | + color: #666; |
| 789 | 807 | border: none; |
| 790 | | - color: black; |
| 791 | | - margin: 0; |
| 792 | | - line-height: 2.6em; |
| 793 | | - padding: 0.01em 0.25em; |
| 794 | 808 | position: relative; |
| 795 | 809 | border-bottom: solid 1px #999999; |
| | 810 | + border-bottom: solid 1px #eee; |
| | 811 | + padding: 12px 56px; |
| | 812 | + font-size: 0.9em; |
| 796 | 813 | } |
| 797 | 814 | |
| 798 | 815 | .full-screen-search .suggestions-result a:visited { |
| — | — | @@ -819,10 +836,6 @@ |
| 820 | 837 | overflow: hidden; |
| 821 | 838 | } |
| 822 | 839 | |
| 823 | | -.full-screen-search #results { |
| 824 | | - display: block !important; |
| 825 | | -} |
| 826 | | - |
| 827 | 840 | .full-screen-search #remove-results { |
| 828 | 841 | display: block; |
| 829 | 842 | } |
| Index: trunk/extensions/MobileFrontend/templates/SearchTemplate.php |
| — | — | @@ -29,7 +29,6 @@ |
| 30 | 30 | $languageSelectionDiv = '<div id="languageselection">' . $languageSelectionText . $languageSelection . '</div>'; |
| 31 | 31 | |
| 32 | 32 | $searchWebkitHtml = <<<HTML |
| 33 | | - {$openSearchResults} |
| 34 | 33 | <div id='header'> |
| 35 | 34 | <div id='searchbox' {$logoDisplayNone}> |
| 36 | 35 | <img width="35" height="22" alt='Logo' id='logo' src='{$this->data['wgMobileFrontendLogo']}' {$logoDisplayNone} /> |
| — | — | @@ -48,6 +47,7 @@ |
| 49 | 48 | <a href="{$randomPageUrl}" id="randomButton" class="button">{$randomButton}</a> |
| 50 | 49 | </div> |
| 51 | 50 | </div> |
| | 51 | + {$openSearchResults} |
| 52 | 52 | HTML; |
| 53 | 53 | return $searchWebkitHtml; |
| 54 | 54 | } |