Refactor locale panel styles

This commit is contained in:
Andreas Nedbal 2020-05-02 18:29:04 +02:00
parent 28c21dcc3d
commit 2a8a80e859
4 changed files with 6 additions and 7 deletions

View File

@ -80,6 +80,7 @@
"components/container",
"components/entry",
"components/jumbotron",
"components/locales",
"components/notifications",
"components/profile",
"components/question",

View File

@ -1,5 +1,4 @@
/* all custom SCSS should go into here */
@import "scss/flags";
@import "scss/answerbox";
@import "scss/comments";

View File

@ -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;
* {

View File

@ -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