From ebffad7165199a07d5aa1c7f78178eb930d4e63e Mon Sep 17 00:00:00 2001 From: iFlameing Date: Tue, 27 Feb 2024 20:16:54 +0530 Subject: [PATCH 1/3] Fix alignment issue with defaultc container width --- src/theme/main.less | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/src/theme/main.less b/src/theme/main.less index 371b7c9..57b4df6 100644 --- a/src/theme/main.less +++ b/src/theme/main.less @@ -7,6 +7,20 @@ display: flex; } + .ui.grid { + .column:first-of-type { + .logo-block { + align-self: flex-start; + } + } + + .column:last-of-type { + .logo-block { + align-self: flex-end; + } + } + } + // general spacing in the Row block wrapper & [class^='block-editor-'], [class^='block-editor-'].contained { From 4c0be13d89c72d016d73214e56df75a30d32cc61 Mon Sep 17 00:00:00 2001 From: iFlameing Date: Tue, 27 Feb 2024 20:52:48 +0530 Subject: [PATCH 2/3] Add changelog --- news/23.bugfix | 1 + 1 file changed, 1 insertion(+) create mode 100644 news/23.bugfix diff --git a/news/23.bugfix b/news/23.bugfix new file mode 100644 index 0000000..b7a46f7 --- /dev/null +++ b/news/23.bugfix @@ -0,0 +1 @@ +Fix alignment issues with VLT. @iFlameing \ No newline at end of file From 7a69c29b5734332df679df600dd860b845bbdd71 Mon Sep 17 00:00:00 2001 From: iFlameing Date: Thu, 29 Feb 2024 20:24:36 +0530 Subject: [PATCH 3/3] minor fix --- src/theme/main.less | 28 ++++++++++++++++++++-------- 1 file changed, 20 insertions(+), 8 deletions(-) diff --git a/src/theme/main.less b/src/theme/main.less index 57b4df6..58a16c6 100644 --- a/src/theme/main.less +++ b/src/theme/main.less @@ -8,15 +8,26 @@ } .ui.grid { - .column:first-of-type { - .logo-block { - align-self: flex-start; + .column { + &:first-of-type { + .logo-block { + align-self: flex-start; + } + } + + &:last-of-type { + .logo-block { + align-self: flex-end; + } } - } - .column:last-of-type { - .logo-block { - align-self: flex-end; + @media only screen and (max-width: 769px) { + &:first-of-type, + &:last-of-type { + .logo-block { + align-self: unset; + } + } } } } @@ -91,7 +102,8 @@ } } - .block.logo-block { + .block.logo-block, + .logo-block { display: flex; flex-direction: column; align-items: center;