Fix rounded corners for the formatting toolbar

The formatting toolbar is meant to have rounded corners like the message action bar. Fixes https://github.com/vector-im/riot-web/issues/11203
2019-11-08 17:46:08 +00:00 · 2019-11-08 17:46:08 +00:00 · e161e99b63
parent 59dccb86ba
commit e161e99b63
1 changed files with 12 additions and 0 deletions
--- a/res/css/views/rooms/_MessageComposerFormatBar.scss
+++ b/res/css/views/rooms/_MessageComposerFormatBar.scss
@ -41,6 +41,18 @@ limitations under the License.
        &:hover {
            border-color: $message-action-bar-hover-border-color;
        }
+
+        &:first-child {
+            border-radius: 3px 0 0 3px;
+        }
+
+        &:last-child {
+            border-radius: 0 3px 3px 0;
+        }
+
+        &:only-child {
+            border-radius: 3px;
+        }
    }

    .mx_MessageComposerFormatBar_button {