feat(styles): remove legacy browser clearfix (#3639)

taiga-family · Feb 10, 2023 · 191b0ab · 191b0ab
1 parent aa05398
commit 191b0ab
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 6 deletions.
diff --git a/projects/demo/src/modules/components/island/examples/3/index.html b/projects/demo/src/modules/components/island/examples/3/index.html
@@ -42,6 +42,21 @@ <h3 class="title">Title!</h3>
                     ></tui-error>
                 </form>
             </tui-island>
+            <tui-island
+                size="l"
+                textAlign="center"
+                class="my-panel tui-space_top-5"
+            >
+                <h3 class="title">Panel</h3>
+                <button
+                    tuiAction
+                    icon="tuiIconStarLarge"
+                    type="button"
+                    class="action"
+                >
+                    And now for something completely different
+                </button>
+            </tui-island>
         </div>
         <div class="tui-col_md-4">
             <a

diff --git a/projects/demo/src/modules/components/island/examples/3/index.less b/projects/demo/src/modules/components/island/examples/3/index.less
@@ -25,3 +25,29 @@
     margin: -1.25rem -1.25rem 1.25rem;
     border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0;
 }
+
+.my-panel {
+    display: flex;
+    height: 15rem;
+    flex-direction: column;
+    justify-content: space-between;
+    padding: 0;
+    overflow: hidden;
+
+    .title {
+        margin-top: 2.1875rem;
+    }
+
+    [tuiaction] {
+        box-shadow: none;
+        border: 1px solid var(--tui-base-03);
+        border-bottom: none;
+        border-radius-right-bottom: 0;
+        border-bottom-right-radius: 0;
+        border-bottom-left-radius: 0;
+
+        &:hover {
+            transform: translateY(-1.6rem);
+        }
+    }
+}
diff --git a/projects/demo/src/modules/components/island/island.module.ts b/projects/demo/src/modules/components/island/island.module.ts
@@ -11,6 +11,7 @@ import {
     TuiTextfieldControllerModule,
 } from '@taiga-ui/core';
 import {
+    TuiActionModule,
     TuiFieldErrorPipeModule,
     TuiInputPhoneModule,
     TuiIslandModule,
@@ -39,6 +40,8 @@ import {ExampleTuiIslandComponent} from './island.component';
         TuiAddonDocModule,
         TuiNotificationModule,
         StylesInfoModule,
+        TuiActionModule,
+        TuiButtonModule,
         RouterModule.forChild(tuiGenerateRoutes(ExampleTuiIslandComponent)),
     ],
     declarations: [

diff --git a/projects/styles/markup/tui-island.less b/projects/styles/markup/tui-island.less
@@ -20,12 +20,6 @@
         pointer-events: none;
     }
 
-    &:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-
     &:focus,
     &:hover:focus {
         &:before {