| OLD | NEW |
| 1 .language-options { | 1 .language-options { |
| 2 display: -webkit-box; | 2 display: -webkit-box; |
| 3 margin: 10px 0; | 3 margin: 10px 0; |
| 4 } | 4 } |
| 5 | 5 |
| 6 .language-options-lower-left button, | 6 .language-options-lower-left button, |
| 7 .language-options-right button { | 7 .language-options-right button { |
| 8 min-width: 70px; | 8 min-width: 70px; |
| 9 } | 9 } |
| 10 | 10 |
| (...skipping 100 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 111 overflow: hidden; | 111 overflow: hidden; |
| 112 pointer-events: none; | 112 pointer-events: none; |
| 113 position: fixed; | 113 position: fixed; |
| 114 z-index: 10; | 114 z-index: 10; |
| 115 } | 115 } |
| 116 | 116 |
| 117 #language-options-ui-restart-button { | 117 #language-options-ui-restart-button { |
| 118 margin-top: 12px; | 118 margin-top: 12px; |
| 119 } | 119 } |
| 120 | 120 |
| 121 <if expr="not pp_ifdef('touchui')"> |
| 121 html[os=chromeos] #add-language-overlay-language-list { | 122 html[os=chromeos] #add-language-overlay-language-list { |
| 122 -webkit-column-count: 2; | 123 -webkit-column-count: 2; |
| 123 -webkit-column-gap: 20px; | 124 -webkit-column-gap: 20px; |
| 124 } | 125 } |
| 125 | 126 |
| 126 html[os=chromeos] #add-language-overlay-cancel-button { | 127 html[os=chromeos] #add-language-overlay-cancel-button { |
| 127 /* Place the button in the center. */ | 128 /* Place the button in the center. */ |
| 128 display: block; | 129 display: block; |
| 129 margin: auto; | 130 margin: auto; |
| 130 margin-top: 15px; | 131 margin-top: 15px; |
| 131 } | 132 } |
| 132 | 133 |
| 133 html[os=chromeos] #add-language-overlay-page { | 134 html[os=chromeos] #add-language-overlay-page { |
| 134 width: 800px; | 135 width: 800px; |
| 135 padding: 20px; | 136 padding: 20px; |
| 136 } | 137 } |
| 137 | 138 |
| 138 html[os=chromeos] #add-language-overlay-page button.link-button { | 139 html[os=chromeos] #add-language-overlay-page button.link-button { |
| 139 padding: 0; | 140 padding: 0; |
| 140 text-align: left; | 141 text-align: left; |
| 141 } | 142 } |
| 142 | 143 |
| 143 html[os=chromeos] #add-language-overlay-page ul { | 144 html[os=chromeos] #add-language-overlay-page ul { |
| 144 padding: 0; | 145 padding: 0; |
| 145 margin: 0; | 146 margin: 0; |
| 146 } | 147 } |
| 148 </if> |
| 147 | 149 |
| 148 /* TODO(kochi): This is temporary copy from new_tab.css */ | 150 /* TODO(kochi): This is temporary copy from new_tab.css */ |
| 149 /* Notification */ | 151 /* Notification */ |
| 150 | 152 |
| 151 #notification { | 153 #notification { |
| 152 position: relative; | 154 position: relative; |
| 153 background-color: hsl(52, 100%, 80%); | 155 background-color: hsl(52, 100%, 80%); |
| 154 border: 1px solid rgb(211, 211, 211); | 156 border: 1px solid rgb(211, 211, 211); |
| 155 border-radius: 6px; | 157 border-radius: 6px; |
| 156 padding: 7px 15px; | 158 padding: 7px 15px; |
| (...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 196 } | 198 } |
| 197 | 199 |
| 198 #chewing-max-chi-symbol-len { | 200 #chewing-max-chi-symbol-len { |
| 199 width: 100px; | 201 width: 100px; |
| 200 height: 30%; | 202 height: 30%; |
| 201 } | 203 } |
| 202 | 204 |
| 203 #add-language-overlay-page .content-area { | 205 #add-language-overlay-page .content-area { |
| 204 padding-bottom: 10px; | 206 padding-bottom: 10px; |
| 205 } | 207 } |
| OLD | NEW |