luckyimnotanigger/LibreTranslate
1
0
Fork 0
mirror of https://github.com/LibreTranslate/LibreTranslate.git synced 2025-05-14 05:52:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Locale select panel mock

Browse source
This commit is contained in:
Piero Toffanin 2023-01-05 16:06:19 -05:00
parent f0457da7b6
commit aa5936dae5
3 changed files with 67 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

55
libretranslate/static/css/main.css
View file

@ -39,6 +39,61 @@ h3.header {
position: relative;
}
.top-nav .locale-panel{
position: absolute;
top: 64px;
height: 68px;
left: -9px;
padding: 0 16px;
background: #1565c0;
width: 240px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0px 4px 5px 0 rgb(0 0 0 / 20%);
}
.locale-panel select{
display: block;
height: 32px;
font-size: 14px;
background-color: #fff;
}
.locale-panel a{
line-height: normal;
font-size: 90%;
padding: 0;
margin-top: 6px;
text-align: right;
}
.locale-panel a i.material-icons{
display: inline-block;
line-height: initial;
line-height: 14px;
font-size: 100%;
position: relative;
top: 2px;
left: 2px;
}
.locale-panel a:hover{
background-color: transparent;
}
#nav-mobile .locale-panel{
color: rgba(0,0,0,0.87);
padding: 0 32px;
}
#nav-mobile .locale-panel a{
padding: 0;
}
#nav-mobile .locale-panel a i.material-icons{
float: none;
}
.language-select {
display: inline-flex;
align-items: center;