| Index: trunk/extensions/VisualEditor/VisualEditor.php |
| — | — | @@ -109,6 +109,7 @@ |
| 110 | 110 | 'es/styles/es.ContextView.css', |
| 111 | 111 | 'es/styles/es.ContentView.css', |
| 112 | 112 | 'es/styles/es.DocumentView.css', |
| | 113 | + 'es/styles/es.ToolbarView.css', |
| 113 | 114 | ), |
| 114 | 115 | 'dependencies' => array( |
| 115 | 116 | 'jquery', |
| Index: trunk/extensions/VisualEditor/demo/index.html |
| — | — | @@ -7,6 +7,7 @@ |
| 8 | 8 | <link rel="stylesheet" href="../modules/es/styles/es.ContextView.css"> |
| 9 | 9 | <link rel="stylesheet" href="../modules/es/styles/es.ContentView.css"> |
| 10 | 10 | <link rel="stylesheet" href="../modules/es/styles/es.DocumentView.css"> |
| | 11 | + <link rel="stylesheet" href="../modules/es/styles/es.ToolbarView.css"> |
| 11 | 12 | <link rel="stylesheet" href="../modules/sandbox/sandbox.css"> |
| 12 | 13 | <style> |
| 13 | 14 | body { |
| Index: trunk/extensions/VisualEditor/modules/es/styles/es.ToolbarView.css |
| — | — | @@ -1,35 +1,25 @@ |
| 2 | | -.es-toolbarGroups:after, |
| 3 | | -.es-toolbarGroup:after { |
| 4 | | - content: "."; |
| 5 | | - display: block; |
| 6 | | - height: 0; |
| 7 | | - clear: both; |
| 8 | | - visibility: hidden; |
| 9 | | -} |
| 10 | 2 | .es-toolbarGroup { |
| 11 | | - float: left; |
| | 3 | + display: inline-block; |
| 12 | 4 | padding: 0.25em; |
| 13 | 5 | } |
| 14 | | -.es-toolbarGroup-preview { |
| 15 | | - float: right; |
| 16 | | -} |
| 17 | 6 | .es-toolbarDivider { |
| 18 | | - float: left; |
| | 7 | + display: inline-block; |
| 19 | 8 | width: 1px; |
| 20 | 9 | height: 24px; |
| 21 | 10 | margin: 0.5em 0 0.5em 0.5em; |
| 22 | 11 | background-color: #dddddd; |
| 23 | 12 | } |
| 24 | 13 | .es-toolbarLabel { |
| 25 | | - float: left; |
| | 14 | + display: inline-block; |
| 26 | 15 | padding: 0.5em 0.75em; |
| 27 | 16 | line-height: 22px; |
| 28 | 17 | font-size: 0.8em; |
| 29 | 18 | color: #555555; |
| | 19 | + vertical-align: top; |
| 30 | 20 | } |
| 31 | 21 | .es-toolbarButtonTool, |
| 32 | 22 | .es-toolbarDropdownTool { |
| 33 | | - float: left; |
| | 23 | + display: inline-block; |
| 34 | 24 | padding: 0.25em; |
| 35 | 25 | border: solid 1px transparent; |
| 36 | 26 | border-radius: 0.125em; |
| — | — | @@ -44,6 +34,7 @@ |
| 45 | 35 | } |
| 46 | 36 | .es-toolbarButtonTool:before { |
| 47 | 37 | content: " "; |
| | 38 | + position: absolute; |
| 48 | 39 | display: block; |
| 49 | 40 | height: 22px; |
| 50 | 41 | width: 22px; |
| — | — | @@ -55,18 +46,18 @@ |
| 56 | 47 | .es-toolbarButtonTool:active, |
| 57 | 48 | .es-toolbarButtonTool-down { |
| 58 | 49 | border-color: #dddddd; |
| 59 | | - background-image: url(images/fade-down.png); |
| | 50 | + background-image: url(../images/fade-down.png); |
| 60 | 51 | background-position: top left; |
| 61 | 52 | background-repeat: repeat-x; |
| 62 | 53 | } |
| 63 | 54 | .es-toolbarButtonTool-bold:before { |
| 64 | | - background-image: url(../es/images/bold.png); |
| | 55 | + background-image: url(../images/bold.png); |
| 65 | 56 | } |
| 66 | 57 | .es-toolbarButtonTool-italic:before { |
| 67 | | - background-image: url(../es/images/italic.png); |
| | 58 | + background-image: url(../images/italic.png); |
| 68 | 59 | } |
| 69 | 60 | .es-toolbarButtonTool-clear:before { |
| 70 | | - background-image: url(../es/images/clear.png); |
| | 61 | + background-image: url(../images/clear.png); |
| 71 | 62 | } |
| 72 | 63 | .es-toolbarDropdownTool { |
| 73 | 64 | } |