Merge pull request #1712 from BorderTech/feature/clean-sass-tabset-corners

Feature/clean sass tabset corners

Author: marksreeves

CHANGELOG.md

@@ -9,9 +9,10 @@
 * Updated TinyMCE to resolve security vulnerability #1696.
 * Added WTab based methods to WTabSet corresponding to the content methods
 * Introduced new SystemExceptions to make it easier to identify what exception occurred (eg invalid session token) #1627
-
 * Add `@FunctionalInterface` to `Action` and `BeanProvider` to indicate that
   these can be instantiated as lambda expressions.
+* Removed decorative Sass which created rounded corners on tabs. This was forgotten in the changes for 1.5.1 which separated structure from style as 
+  much as possible #1711.
 
 ### Bug Fixes
 

wcomponents-theme/src/main/sass/components/_wtabset-left-right.scss

@@ -30,7 +30,6 @@
       left: $wc-tabpanel-border-width;
 
       [role='tab'] {
-        @include wc-ui-tabset-left-border-radius;
         @include border($pos: right, $width: 0);
       }
     }
@@ -43,7 +42,6 @@
       right: $wc-tabpanel-border-width;
 
       [role='tab'] {
-        @include wc-ui-tabset-right-border-radius;
         @include border($pos: left, $width: 0);
         text-align: right;
       }

wcomponents-theme/src/main/sass/components/_wtabset.scss

@@ -11,15 +11,12 @@ $wc-tabset-allow-left-right: true !default;
 // The width of the tab in left/right TabSets. Ignored if
 // $wc-tabset-allow-left-right != true
 $wc-tabset-left-right-tab-width: 15% !default;
-$wc-tabset-border-radius: $wc-gap-small !default;
 
 // We apply a border to the top of the tabpanel (in a regular tabset) which
 // allows us to separate the tabs from the content. It is also used to offset
 // the position of the tablist so that the active tab covers this border.
 $wc-tabset-tab-border: 1px !default;
 $wc-tabpanel-border-width: 1px !default;
-
-@import '../mixins/tabset';
 // #############################################################################
 
 .wc-tabset {
@@ -54,10 +51,6 @@ $wc-tabpanel-border-width: 1px !default;
     border-top: 0;
   }
 
-  &[aria-selected] {
-    @include wc-ui-tabset-top-border-radius;
-  }
-
   &[aria-selected='true'] {
     @include wc-opaque-box;
     @include border($pos: bottom, $width: 0);