Skip to content

Commit

Permalink
📦 Shared UI v2.12.6
Browse files Browse the repository at this point in the history
  • Loading branch information
@iamleigh
iamleigh committed Mar 23, 2022
1 parent a310cf5 commit a58f1bf
Show file tree
Hide file tree
Showing 22 changed files with 4,573 additions and 4,538 deletions.
11 changes: 10 additions & 1 deletion CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,13 +2,22 @@

All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org/) for commit guidelines.

## [2.12.6](https://github.com/wpmudev/shared-ui/compare/v2.12.5...v2.12.6) (2022-03-22)

#### 🐛 Bug Fixes
* **fix(toggles):** Slider element not aligning correctly when label or description or both are not present. [#482](https://github.com/wpmudev/shared-ui/pull/482) ([SUI-325](https://incsub.atlassian.net/browse/SUI-325)) ([@iamleigh](https://github.com/iamleigh))
* **fix(toggles):** Not registering the event in React with a mapped `onChange` event. [#484](https://github.com/wpmudev/shared-ui/pull/484) ([SUI-327](https://incsub.atlassian.net/browse/SUI-327)) ([@iamleigh](https://github.com/iamleigh))

#### Committers: 1
- Leighton Sapir ([@iamleigh](https://github.com/iamleigh))

## [2.12.5](https://github.com/wpmudev/shared-ui/compare/v2.12.4...v2.12.5) (2022-03-19)

#### 🚀 Improvements
* **fix(tabs):** Enable radio inputs for side-tab buttons. [#481](https://github.com/wpmudev/shared-ui/pull/481) ([SUI-7](https://incsub.atlassian.net/browse/SUI-7)) ([@iamleigh](https://github.com/iamleigh))

#### 🐛 Bug Fixes
* **fix(toggle):** Clickable area is too long. [#457](https://github.com/wpmudev/shared-ui/pull/457) ([SUI-180](https://incsub.atlassian.net/browse/SUI-180)) ([@creador-dev](https://github.com/creador-dev))
* **fix(toggles):** Clickable area is too long. [#457](https://github.com/wpmudev/shared-ui/pull/457) ([SUI-180](https://incsub.atlassian.net/browse/SUI-180)) ([@creador-dev](https://github.com/creador-dev))
* **fix(tabs):** Overflow flushed tabs menu doesn't have enough space to place navigation buttons. [#441](https://github.com/wpmudev/shared-ui/pull/441) ([SUI-282](https://incsub.atlassian.net/browse/SUI-282)) ([@creador-dev](https://github.com/creador-dev))
* **fix(insert-variables):** Dropdown shouldn't store the option selected. [#468](https://github.com/wpmudev/shared-ui/pull/468) ([SUI-294](https://incsub.atlassian.net/browse/SUI-294)) ([@creador-dev](https://github.com/creador-dev))
* **fix(checkbox):** Clickable area is too long. [#472](https://github.com/wpmudev/shared-ui/pull/472) ([SUI-300](https://incsub.atlassian.net/browse/SUI-300)) ([@creador-dev](https://github.com/creador-dev))
Expand Down
8,909 changes: 4,460 additions & 4,449 deletions dist/css/shared-ui.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion dist/css/shared-ui.min.css
View file

Large diffs are not rendered by default.

58 changes: 29 additions & 29 deletions dist/css/sui-wp-editor.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,14 @@
* Copyright 2018 - 2021 Incsub (https://incsub.com)
* Licensed under GPL v3 (http://www.gnu.org/licenses/gpl-3.0.html)
*/
.sui-2-12-5 .sui-wrap .sui-label-editor {
.sui-2-12-6 .sui-wrap .sui-label-editor {
margin-bottom: 0;
line-height: 30px;
}
.sui-2-12-5 .sui-wrap .sui-label-editor + .wp-editor-wrap {
.sui-2-12-6 .sui-wrap .sui-label-editor + .wp-editor-wrap {
margin-top: -30px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs {
float: none;
display: -webkit-box;
display: -ms-flexbox;
Expand All @@ -23,7 +23,7 @@
justify-content: flex-end;
margin-bottom: 5px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor {
height: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
Expand All @@ -37,21 +37,21 @@
font: 500 13px/22px "Roboto", Arial, sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:first-child {
margin: 0;
border-radius: 4px 0 0 4px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-editor-tabs .wp-switch-editor:last-child {
border-radius: 0 4px 4px 0;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-editor-container {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-editor-container {
border: 1px solid #DDDDDD;
border-radius: 4px;
background-color: #FAFAFA;
-webkit-box-shadow: none;
box-shadow: none;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button {
height: 30px;
margin: 0 10px 0 0;
padding: 7px 16px;
Expand All @@ -61,72 +61,72 @@
font: 500 12px/16px "Roboto", Arial, sans-serif;
letter-spacing: -0.25px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon {
vertical-align: middle;
margin-top: -1px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button span.wp-media-buttons-icon:before {
color: inherit;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button, .sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:hover, .sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:focus, .sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:active {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons .button:last-child {
margin: 0;
}
@media (max-width: 465px) {
.sui-2-12-5 .sui-wrap .wp-editor-wrap .wp-media-buttons {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .wp-media-buttons {
float: none;
margin-bottom: 5px;
}
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-top-part:before {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-top-part:before {
content: unset;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-top-part .mce-container-body {
border-radius: 2px 2px 0 0;
background-color: #FFFFFF;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-top-part .mce-toolbar-grp {
border-bottom: 1px solid #E6E6E6;
background-color: transparent;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-statusbar {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-statusbar {
border-top-width: 0;
border-top-style: none;
border-top-color: transparent;
border-radius: 0 0 2px 2px;
background: transparent;
background-color: #FAFAFA;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn {
border: 0;
border-radius: 4px;
background-color: transparent;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn button {
padding: 5px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn i.mce-ico {
color: #666666;
font-size: 16px;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover {
background-color: #E1F6FF;
-webkit-box-shadow: none;
box-shadow: none;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .mce-toolbar .mce-btn-group .mce-btn:hover i.mce-ico {
color: #17A8E3;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar {
padding: 3px 8px;
border-bottom: 1px solid #E6E6E6;
background-color: #FFFFFF;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
border: 0;
border-radius: 4px;
background-color: transparent;
Expand All @@ -137,17 +137,17 @@
-webkit-transition: 0.3s ease;
transition: 0.3s ease;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-12-5 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:active {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:hover, .sui-2-12-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small:active {
background-color: #E1F6FF;
color: #17A8E3;
}
@media screen and (min-width: 782px) {
.sui-2-12-5 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
.sui-2-12-6 .sui-wrap .wp-editor-wrap .quicktags-toolbar input.button.button-small {
height: 30px;
line-height: 30px;
}
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap textarea {
.sui-2-12-6 .sui-wrap .wp-editor-wrap textarea {
width: 100%;
height: auto !important;
min-height: 210px;
Expand All @@ -158,12 +158,12 @@
border: 0;
background-color: #FAFAFA;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap textarea, .sui-2-12-5 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-12-5 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-12-5 .sui-wrap .wp-editor-wrap textarea:active {
.sui-2-12-6 .sui-wrap .wp-editor-wrap textarea, .sui-2-12-6 .sui-wrap .wp-editor-wrap textarea:hover, .sui-2-12-6 .sui-wrap .wp-editor-wrap textarea:focus, .sui-2-12-6 .sui-wrap .wp-editor-wrap textarea:active {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.sui-2-12-5 .sui-wrap .wp-editor-wrap.html-active .switch-html, .sui-2-12-5 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
.sui-2-12-6 .sui-wrap .wp-editor-wrap.html-active .switch-html, .sui-2-12-6 .sui-wrap .wp-editor-wrap.tmce-active .switch-tmce {
background-color: #E1F6FF;
color: #17A8E3;
}
Expand Down
Loading

0 comments on commit a58f1bf

Please sign in to comment.