hamlab/mobilizon-frontend
2
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Add mixins to handle RTL languages

Browse Source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel
2021-11-04 18:14:36 +01:00
parent 547e222f5f
commit 39ea05a04a
36 changed files with 164 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/src/views/Account/children/EditIdentity.vue
View File

@@ -215,7 +215,7 @@ h1 {
}
::v-deep .buttons > *:not(:last-child) .button {
margin-right: 0.5rem;
@include margin-right(0.5rem);
}
</style>

3
js/src/views/Discussions/Discussion.vue
View File

@@ -496,6 +496,7 @@ export default class Discussion extends mixins(GroupMixin) {
}
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
div.container.section {
background: white;
padding: 1rem 5% 4rem;
@@ -507,7 +508,7 @@ div.container.section {
h1.title {
margin-bottom: 0;
margin-right: 10px;
@include margin-right(10px);
}
form.title-edit {

3
js/src/views/Event/Edit.vue
View File

@@ -459,6 +459,7 @@
</template>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
main section > .container {
background: $white;
@@ -537,7 +538,7 @@ section {
.navbar-end {
justify-content: flex-end;
margin-left: auto;
@include margin-left(auto);
}
}
}

11
js/src/views/Event/Event.vue
View File

@@ -1151,6 +1151,7 @@ export default class Event extends EventMixin {
}
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
.section {
padding: 1rem 2rem 4rem;
}
@@ -1192,7 +1193,7 @@ div.sidebar {
span {
line-height: 2.7rem;
padding-right: 6px;
@include padding-right(6px);
}
}
}
@@ -1239,7 +1240,7 @@ div.sidebar {
min-width: 20rem;
flex: 1;
@media all and (min-width: 672px) {
padding-left: 1rem;
@include padding-left(1rem);
}
.sticky {
@@ -1281,7 +1282,7 @@ div.sidebar {
::v-deep blockquote {
border-left: 0.2em solid #333;
display: block;
padding-left: 1em;
@include padding-left(1rem);
}
::v-deep p {
@@ -1327,7 +1328,7 @@ a.dropdown-item,
button.dropdown-item {
white-space: nowrap;
width: 100%;
padding-right: 1rem;
@include padding-right(1rem);
text-align: right;
}
@@ -1362,7 +1363,7 @@ a.participations-link {
align-items: flex-end;
align-self: flex-start;
margin-bottom: 7px;
margin-left: 0rem;
@include margin-left(0);
}
}
.title {

19
js/src/views/Group/Group.vue
View File

@@ -1057,6 +1057,7 @@ export default class Group extends mixins(GroupMixin) {
}
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
@import "~bulma/sass/utilities/mixins.sass";
div.container {
margin-bottom: 3rem;
@@ -1074,7 +1075,7 @@ div.container {
.header .breadcrumb {
margin-bottom: 0.5rem;
margin-left: 0.5rem;
@include margin-left(0.5rem);
}
.block-container {
@@ -1132,7 +1133,7 @@ div.container {
align-content: space-between;
& > span {
margin-right: 0.5rem;
@include margin-right(0.5rem);
}
}
@@ -1165,10 +1166,10 @@ div.container {
margin: 0 0.5rem;
&:first-child {
margin-left: 0;
@include margin-left(0);
}
&:last-child {
margin-right: 0;
@include margin-right(0);
}
}
@@ -1259,7 +1260,7 @@ div.container {
justify-content: center;
::v-deep .b-tooltip {
padding-right: 0.5em;
@include padding-right(0.5em);
}
}
@@ -1274,7 +1275,7 @@ div.container {
}
figure:not(:first-child) {
margin-left: -10px;
@include margin-left(-10px);
}
}
}
@@ -1291,9 +1292,9 @@ div.container {
.group-metadata {
min-width: 20rem;
flex: 1;
padding-left: 1rem;
@include padding-left(1rem);
@include mobile {
padding-left: 0;
@include padding-left(0);
}
.sticky {
@@ -1330,7 +1331,7 @@ div.container {
.menu-dropdown {
::v-deep .dropdown-item,
::v-deep .has-link a {
padding-right: 1rem;
@include padding-right(1rem);
}
}

5
js/src/views/Home.vue
View File

@@ -609,6 +609,7 @@ export default class Home extends Vue {
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
@import "~bulma/sass/utilities/mixins.sass";
main > div > .container {
@@ -623,7 +624,7 @@ main > div > .container {
.events-recent {
& > h3 {
padding-left: 0.75rem;
@include padding-left(0.75rem);
}
.columns {
@@ -637,7 +638,7 @@ main > div > .container {
margin: 0.5rem auto 1rem;
h3.subtitle {
margin-left: 7px;
@include margin-left(7px);
}
}

3
js/src/views/Posts/Edit.vue
View File

@@ -368,6 +368,7 @@ export default class EditPost extends mixins(GroupMixin, PostMixin) {
}
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
.container.section {
background: $white;
}
@@ -388,7 +389,7 @@ form {
.navbar-end {
justify-content: flex-end;
margin-left: auto;
@include margin-left(auto);
}
}
}

5
js/src/views/Posts/Post.vue
View File

@@ -368,6 +368,7 @@ export default class Post extends mixins(GroupMixin, PostMixin) {
}
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
article.post {
background: $white !important;
header {
@@ -417,7 +418,7 @@ article.post {
flex-direction: column;
*:not(:first-child) {
padding-left: 5px;
@include padding-left(5px);
}
}
}
@@ -478,7 +479,7 @@ article.post {
button.dropdown-item {
white-space: nowrap;
width: 100%;
padding-right: 1rem;
@include padding-right(1rem);
text-align: right;
}
}

14
js/src/views/Resources/ResourceFolder.vue
View File

@@ -754,6 +754,8 @@ export default class Resources extends Mixins(ResourceMixin) {
}
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
.container.section {
background: $white;
@@ -766,7 +768,7 @@ nav.breadcrumb ul {
align-items: center;
li:last-child .dropdown {
margin-left: 5px;
@include margin-left(5px);
a {
justify-content: left;
@@ -785,14 +787,14 @@ nav.breadcrumb ul {
align-items: center;
::v-deep .b-checkbox.checkbox {
margin-left: 10px;
@include margin-left(10px);
}
.actions {
margin-right: 5px;
@include margin-right(5px);
& > * {
margin-left: 5px;
@include margin-left(5px);
}
}
}
@@ -810,11 +812,11 @@ nav.breadcrumb ul {
.resource-checkbox {
align-self: center;
padding-left: 10px;
@include padding-left(10px);
opacity: 0.3;
::v-deep .b-checkbox.checkbox {
margin-right: 0.25rem;
@include margin-right(0.25rem);
}
}

4
js/src/views/Settings/Notifications.vue
View File

@@ -780,6 +780,7 @@ export default class Notifications extends Vue {
</script>
<style lang="scss" scoped>
@use "@/styles/_mixins" as *;
.field {
&:not(:last-child) {
margin-bottom: 1.5rem;
@@ -790,11 +791,12 @@ export default class Notifications extends Vue {
text-decoration: underline;
text-decoration-color: #fea72b;
text-decoration-thickness: 2px;
margin-left: 5px;
@include margin-left(5px);
}
}
::v-deep .buttons > *:not(:last-child) .button {
margin-right: 0.5rem;
@include margin-right(0.5rem);
}
</style>