From 191b0ab7edf9e4ae6af0b1eff0b1f126c12232f5 Mon Sep 17 00:00:00 2001
From: Maksim Ivanov <omaxphp@yandex.ru>
Date: Fri, 10 Feb 2023 10:47:58 +0300
Subject: [PATCH] feat(styles): remove legacy browser clearfix (#3639)

---
 .../components/island/examples/3/index.html   | 15 +++++++++++
 .../components/island/examples/3/index.less   | 26 +++++++++++++++++++
 .../components/island/island.module.ts        |  3 +++
 projects/styles/markup/tui-island.less        |  6 -----
 4 files changed, 44 insertions(+), 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
index 4e99586aad4b..0a6910a33077 100644
--- 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
index a4b553c875bc..8bf9065a57e0 100644
--- 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
index ba4b64121505..28510a7e6f3a 100644
--- 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
index 218bee094b86..77d6d81e7016 100644
--- 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 {