From 2a8a80e859f839c4fedcd7bf8a1192f820916fd2 Mon Sep 17 00:00:00 2001
From: Andreas Nedbal <andy@pixelde.su>
Date: Sat, 2 May 2020 18:29:04 +0200
Subject: [PATCH] Refactor locale panel styles
---
app/assets/stylesheets/application.scss | 1 +
app/assets/stylesheets/base.css.scss | 1 -
.../{scss/flags.scss => components/_locales.scss} | 9 ++++-----
app/views/shared/_locales.haml | 2 +-
4 files changed, 6 insertions(+), 7 deletions(-)
rename app/assets/stylesheets/{scss/flags.scss => components/_locales.scss} (79%)
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 38e150ea..bc77e7ca 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -80,6 +80,7 @@
"components/container",
"components/entry",
"components/jumbotron",
+"components/locales",
"components/notifications",
"components/profile",
"components/question",
diff --git a/app/assets/stylesheets/base.css.scss b/app/assets/stylesheets/base.css.scss
index 19298aba..75cb4c14 100644
--- a/app/assets/stylesheets/base.css.scss
+++ b/app/assets/stylesheets/base.css.scss
@@ -1,5 +1,4 @@
/* all custom SCSS should go into here */
-@import "scss/flags";
@import "scss/answerbox";
@import "scss/comments";
\ No newline at end of file
diff --git a/app/assets/stylesheets/scss/flags.scss b/app/assets/stylesheets/components/_locales.scss
similarity index 79%
rename from app/assets/stylesheets/scss/flags.scss
rename to app/assets/stylesheets/components/_locales.scss
index cee8e6e2..48a6ff5c 100644
--- a/app/assets/stylesheets/scss/flags.scss
+++ b/app/assets/stylesheets/components/_locales.scss
@@ -1,16 +1,15 @@
.locales {
text-align: center;
- #locales-panel {
+ &__panel {
position: relative;
display: none;
padding: 5px;
ul {
- border-top: 1px solid #aaa;
margin: 0;
padding: 0;
- padding-top: 5px;
+ padding-top: map-get($spacers, 3);
width: 100%;
list-style: none;
display: inline-flex;
@@ -18,9 +17,9 @@
flex-wrap: wrap;
align-items: center;
justify-content: center;
+
li {
- margin: 5px 10px;
- margin-top: 0;
+ margin: 0 5px 10px 5px;
flex: 0 0 auto;
* {
diff --git a/app/views/shared/_locales.haml b/app/views/shared/_locales.haml
index 70a187f5..36b3e4cc 100644
--- a/app/views/shared/_locales.haml
+++ b/app/views/shared/_locales.haml
@@ -4,7 +4,7 @@
%a{href: '#', id: 'locale-switch'}
%i.fa.fa-globe
= t('views.locale.languages')
- #locales-panel
+ #locales-panel.locales__panel
%ul
- APP_LOCALES.each do |key, value|
%li