mirror of
https://github.com/maputnik/editor.git
synced 2026-02-19 02:50:06 +00:00
58edd262b0
This is a rough start on adding react-i18next. I'll be working on adding more translatable strings and translations in the coming days. I'm going to need to wrap class components in HOCs, so let me know if there's something I should be fixing before doing that. I'm thinking now to keep the exported class names exactly the same, and rename the existing classes by prefixing an `I` (for internal). For example: ``` export default class AppToolbar ... ``` becomes ``` class IAppToolbar ... const AppToolbar = withTranslation()(IAppToolbar); export default AppToolbar; ``` I'll be able to contribute Japanese strings (I've talked to a couple people on my team and they'll be happy to help as well), so that's the language I decided to go with in this PR. Closes #746 --------- Co-authored-by: Ko Nagase <nagase@georepublic.co.jp> Co-authored-by: Harel M <harel.mazor@gmail.com>
50 lines
828 B
SCSS
50 lines
828 B
SCSS
//SCROLLING
|
|
.maputnik-scroll-container {
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
top: 1px;
|
|
position: absolute;
|
|
}
|
|
|
|
//APP LAYOUT
|
|
.maputnik-layout {
|
|
font-family: $font-family;
|
|
color: $color-white;
|
|
|
|
&-main {
|
|
position: fixed;
|
|
bottom: 0;
|
|
height: calc(100% - #{$toolbar-height + $toolbar-offset});
|
|
top: $toolbar-height + $toolbar-offset;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 3;
|
|
|
|
display: flex;
|
|
}
|
|
|
|
&-list {
|
|
width: 200px;
|
|
background-color: $color-black;
|
|
}
|
|
|
|
&-drawer {
|
|
width: 370px;
|
|
background-color: $color-black;
|
|
// scroll-container is position: absolute
|
|
position: relative;
|
|
}
|
|
|
|
&-bottom {
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 1;
|
|
width: $layout-map-width;
|
|
background-color: $color-black;
|
|
}
|
|
}
|