| @@ -1,8 +1,6 @@ | ||
| 1 | 1 | /** |
| 2 | 2 | * Snippets list table |
| 3 | - * @author Webcraftic <[email protected]> | |
| 4 | - * @copyright Webcraftic 02.06.2018 | |
| 5 | 3 | */ |
| 6 | 4 | |
| 7 | 5 | .wp-list-table { |
| 8 | 6 | & th { |
| @@ -46,9 +44,9 @@ | ||
| 46 | 44 | //text-align: center; |
| 47 | 45 | } |
| 48 | 46 | |
| 49 | 47 | & .winp-snippet-active-switch, .winp-snippet-inactive-switch { |
| 50 | - background-color: #2196f3; | |
| 48 | + background-color: #6366f1; | |
| 51 | 49 | margin-top: 5px; |
| 52 | 50 | width: 40px; |
| 53 | 51 | height: 20px; |
| 54 | 52 | border-radius: 34px; |
| @@ -175,19 +173,18 @@ | ||
| 175 | 173 | } |
| 176 | 174 | } |
| 177 | 175 | |
| 178 | 176 | .wbcr_inp_shortcode_input, .wbcr_inp_shortcode_input:focus { |
| 179 | - border: 0; | |
| 180 | - background: transparent; | |
| 177 | + border: 1px solid #cbcbcb; | |
| 178 | + background: #f6f6f6; | |
| 181 | 179 | box-shadow: none; |
| 182 | 180 | outline: none; |
| 183 | 181 | width: 100%; |
| 184 | - | |
| 185 | 182 | color: #555; |
| 186 | 183 | font-size: 13px; |
| 187 | - line-height: 1.5em; | |
| 188 | - padding: 0; | |
| 184 | + padding: 5px; | |
| 189 | 185 | margin: 0; |
| 186 | + text-align: center; | |
| 190 | 187 | } |
| 191 | 188 | |
| 192 | 189 | .wbcr_inp_input_priority, .wbcr_inp_input_priority:focus { |
| 193 | 190 | width: 50px; |
| @@ -235,8 +232,35 @@ | ||
| 235 | 232 | &.column-description { |
| 236 | 233 | width: 0; |
| 237 | 234 | font-size: 0; |
| 238 | 235 | } |
| 236 | + } | |
| 237 | + } | |
| 238 | +} | |
| 239 | + | |
| 240 | +// RTL support for snippet toggle switches | |
| 241 | +[dir="rtl"] .wp-list-table td { | |
| 242 | + .winp-snippet-active-switch, .winp-snippet-inactive-switch { | |
| 243 | + &:before { | |
| 244 | + -webkit-transform: translateX(0); | |
| 245 | + transform: translateX(0); | |
| 246 | + } | |
| 247 | + | |
| 248 | + &:hover:before { | |
| 249 | + -webkit-transform: translateX(-20%); | |
| 250 | + transform: translateX(-20%); | |
| 251 | + } | |
| 252 | + } | |
| 253 | + | |
| 254 | + .winp-inactive.winp-snippet-active-switch { | |
| 255 | + &:before { | |
| 256 | + -webkit-transform: translateX(-100%); | |
| 257 | + transform: translateX(-100%); | |
| 258 | + } | |
| 259 | + | |
| 260 | + &:hover:before { | |
| 261 | + -webkit-transform: translateX(-80%); | |
| 262 | + transform: translateX(-80%); | |
| 239 | 263 | } |
| 240 | 264 | } |
| 241 | 265 | } |
| 242 | 266 | |
