From 62656641831b55bc65151b687cbdfe5185a053d0 Mon Sep 17 00:00:00 2001 From: splincode Date: Mon, 28 Aug 2023 13:05:44 +0300 Subject: [PATCH] fix(core): drawing correctly the loader --- projects/core/components/loader/loader.style.less | 7 +++++++ .../demo/src/modules/components/button/examples/1/index.ts | 2 +- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/projects/core/components/loader/loader.style.less b/projects/core/components/loader/loader.style.less index dd11ec22bb2cf..fbdab4445d527 100644 --- a/projects/core/components/loader/loader.style.less +++ b/projects/core/components/loader/loader.style.less @@ -146,6 +146,13 @@ overflow: hidden; transform: scale(1, -1); animation: tuiLoaderRotate 3s linear infinite; + + /* Safari Only CSS here */ + @media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) { + overflow: visible; + } + } } .t-circle { diff --git a/projects/demo/src/modules/components/button/examples/1/index.ts b/projects/demo/src/modules/components/button/examples/1/index.ts index b375410ccc34c..b394f7e57a79a 100644 --- a/projects/demo/src/modules/components/button/examples/1/index.ts +++ b/projects/demo/src/modules/components/button/examples/1/index.ts @@ -16,7 +16,7 @@ export class TuiButtonExample1 { readonly avatarUrl = assets`/images/avatar.jpg`; readonly loader = - ''; + ''; constructor(@Inject(TUI_IS_E2E) readonly isE2E: boolean) {}