taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

RTL styles

stable
Daniel García 2018-06-08 13:52:30 +02:00
parent 93a7c9f91e
commit 9edf58c6c8
5 changed files with 761 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
app/modules/components/filter/filter.jade
View File

@ -19,13 +19,13 @@ form(name="vm.filtersForm")
.filters-applied .filters-applied
.single-filter.ng-animate-disabled(ng-repeat="it in vm.selectedFilters track by it.key") .single-filter.ng-animate-disabled(ng-repeat="it in vm.selectedFilters track by it.key")
span.name( span.name(
ng-attr-style="{{it.color ? 'border-left: 3px solid ' + it.color: ''}}" ng-attr-style="{{it.color ? 'border-color: ' + it.color: ''}}"
ng-if="it.dataType === 'tags'" ng-if="it.dataType === 'tags'"
ng-bind-html="it.name | emojify" ng-bind-html="it.name | emojify"
) )
span.name( span.name(
ng-if="it.dataType !== 'tags'" ng-if="it.dataType !== 'tags'"
ng-attr-style="{{it.color ? 'border-left: 3px solid ' + it.color: ''}}" ng-attr-style="{{it.color ? 'border-color: ' + it.color: ''}}"
) {{it.name}} ) {{it.name}}
a.remove-filter.e2e-remove-filter( a.remove-filter.e2e-remove-filter(
ng-click="vm.unselectFilter(it)" ng-click="vm.unselectFilter(it)"
@ -87,12 +87,12 @@ form(name="vm.filtersForm")
) )
span.name( span.name(
ng-if="filter.dataType === 'tags'", ng-if="filter.dataType === 'tags'",
ng-attr-style="{{it.color ? 'border-left: 3px solid ' + it.color: ''}}" ng-attr-style="{{it.color ? 'border-color: ' + it.color: ''}}"
ng-bind-html="it.name | emojify" ng-bind-html="it.name | emojify"
) )
span.name( span.name(
ng-if="filter.dataType !== 'tags'", ng-if="filter.dataType !== 'tags'",
ng-attr-style="{{it.color ? 'border-left: 3px solid ' + it.color: ''}}" ng-attr-style="{{it.color ? 'border-color: ' + it.color: ''}}"
) {{it.name}} ) {{it.name}}
span.number.e2e-filter-count(ng-if="it.count > 0") {{it.count}} span.number.e2e-filter-count(ng-if="it.count > 0") {{it.count}}

3
app/modules/components/filter/filter.scss
View File

@ -126,6 +126,9 @@ tg-filter {
} }
.name { .name {
@include ellipsis(100%); @include ellipsis(100%);
border-color: transparent;
border-style: solid;
border-width: 0 0 0 3px;
display: block; display: block;
width: 100%; width: 100%;
img { img {

2
app/modules/components/tags/tag-line-common/tag-line-common.jade
View File

@ -2,7 +2,7 @@
.tag( .tag(
ng-if="tag[1] && !vm.disableColorSelection" ng-if="tag[1] && !vm.disableColorSelection"
ng-repeat="tag in vm.tags" ng-repeat="tag in vm.tags"
ng-style="{'border-left': '.3rem solid' + tag[1]}" ng-style="{'border-color': tag[1]}"
) )
tg-tag( tg-tag(
tag="tag" tag="tag"

749
app/styles/layout/rtl.scss Normal file
View File

@ -0,0 +1,749 @@
.rtl {
.navbar .nav-right {
margin: 0;
.user-avatar {
padding-left: 0;
padding-right: 2em;
text-align: left;
}
img {
margin-left: 0;
margin-right: .5rem;
}
}
.admin-menu li a {
padding: 1rem 1rem 1rem 0;
}
h1 span {
margin-left: .5rem;
margin-right: 0;
}
blockquote {
border-left: 0;
border-right: 5px solid $mass-white;
}
.tag {
border-color: transparent;
border-radius: 5px 0 0 5px;
border-width: 0 3px 0 0;
margin: 0 0 .5rem .5rem;
.icon-close {
margin-left: 0;
margin-right: .25rem;
}
}
.home-wrapper .working-on-container {
margin-left: 1rem;
margin-right: 0;
}
.home-project .project-card-logo {
margin-left: .5rem;
margin-right: 0;
}
.home-project .project-card-statistics svg {
margin-left: .25rem;
margin-right: 0;
}
.contact-team-large .icon-mail {
margin-left: .5rem;
margin-right: 0;
}
.user-profile .project-details-image {
margin-left: 2rem;
margin-right: 0;
}
.single-project .project-logo {
margin-left: 1rem;
margin-right: 0;
}
.profile-timeline .activity-item .profile-contact-picture,
.profile-timeline .activity-item .profile-member-picture {
margin-left: 1rem;
margin-right: 0;
}
.profile-timeline .activity-item {
padding: 1rem 0 1rem .5rem;
.activity-date {
left: .5rem;
right: auto;
}
.activity-info {
margin-left: 130px;
margin-right: 0;
}
blockquote {
margin-left: 0;
margin-right: calc(35px + 1rem);
}
}
.profile-timeline .single-attachment .icon {
margin-left: .5rem;
margin-right: 0;
}
.project-data .involved-team li {
margin-left: .13rem;
margin-right: 0;
}
.project-details-form-data .actions .delete-account {
text-align: left;
}
.project-data .timeline {
margin-left: 1rem;
margin-right: 0;
}
.track-icon {
margin-left: .5rem;
margin-right: 0;
}
.watch-options-arrow {
margin-left: 0;
margin-right: auto;
}
.ticket-estimation .ticket-role-points .icon-arrow-down {
margin-left: 0;
margin-right: .25rem;
}
.ticket-watch {
.ticket-watch-button {
margin-left: .25rem;
margin-right: 0;
}
svg {
margin-left: .25rem;
margin-right: 0;
}
}
.related-tasks-body {
.task-assignedto .icon {
left: .5rem;
right: 0;
}
.avatar figcaption {
margin-left: 0;
margin-right: .5rem;
}
.task-name {
margin-left: 1rem;
margin-right: 0;
span {
margin-left: .25rem;
margin-right: 0;
}
}
}
tg-filter .search-action {
left: .7rem;
right: auto;
}
.issues-table .issue-field,
.issues-table .assigned-field,
.issues-table .created-field,
.issues-table .assigned-field {
text-align: right;
}
.issues-table .issue-field .icon,
.issues-table .assigned-field .icon,
.issues-table .created-field .icon,
.issues-table .assigned-field .icon {
margin-left: 0;
margin-right: .25rem;
}
.icon-arrow-left,
.icon-arrow-right {
transform: scaleX(-1);
}
.issues-table {
.pop-status {
left: auto;
right: 0;
}
.icon-upvote {
margin-left: .25rem;
margin-right: 0;
}
.subject {
padding-left: 1rem;
padding-right: 0;
a {
text-align: right;
}
}
.issue-assignedto .icon {
left: 0;
right: auto;
}
.avatar figcaption {
margin-left: 0;
margin-right: .5rem;
}
}
.single-filter {
padding-left: .5rem;
padding-right: 0;
.number {
left: 0;
right: auto;
}
.name {
border-color: transparent;
border-style: solid;
border-width: 0 3px 0 0;
}
}
.discover-header .search-button {
left: 1rem;
right: auto;
}
.highlighted .header svg {
margin-left: 0;
margin-right: .5rem;
&.icon-activity,
&.icon-like {
margin-left: .5rem;
margin-right: 0;
}
}
.highlighted tg-most-liked {
margin-left: 8%;
margin-right: 0;
}
.highlighted-project {
.statistic {
margin-left: .5rem;
margin-right: 0;
}
.project-statistics svg {
margin-left: .25rem;
margin-right: 0;
}
.project-logo {
margin-left: 1rem;
margin-right: 0;
}
}
.featured-project {
.project-card-logo {
margin-left: .5rem;
margin-right: 0;
}
.project-card-statistics svg {
margin-left: .25rem;
margin-right: 0;
}
}
.project-list-wrapper {
.project-list {
margin-left: 2rem;
margin-right: 0;
}
.list-itemtype-project .list-itemtype-project-image {
margin-left: 1rem;
margin-right: 0;
}
}
.create-project-selector-question {
left: 1.5rem;
right: auto;
}
.create-project-title-wrapper .icon {
margin-left: .5rem;
margin-right: 0;
}
.create-project-privacity label .icon {
margin-left: .25rem;
margin-right: 0;
}
.create-project-action-submit {
margin-left: 0;
margin-right: 1rem;
}
.summary-progress-bar {
margin-left: 10px;
margin-right: 0;
}
.empty-burndown svg {
margin-left: 2rem;
margin-right: 0;
}
.backlog-menu .button-bulk {
margin-left: 0;
margin-right: .2rem;
}
.ticket-header .detail-status {
margin-left: 0;
margin-right: .25rem;
}
.ticket-status {
.level-name {
float: left;
}
.level {
margin-left: .5rem;
margin-right: 0;
}
}
.ticket-data-container .icon {
margin-left: 0;
margin-right: .25rem;
}
.ticket-assigned-to {
.assigned-to {
margin-left: 0;
margin-right: .5rem;
}
}
.user-list-avatar {
margin-left: .25rem;
margin-right: 0;
}
.user-list-name {
margin-left: 0;
margin-right: .5rem;
}
.assigned-to-list .user-list-multiple .remove-assigned-to,
.assigned-to-list .user-list-single .remove-assigned-to,
.ticket-watchers .delete-watcher,
.ticket-assigned-to .remove-user,
.ticket-assigned-users .remove-user {
left: .5rem;
right: auto;
}
.lightbox .close {
left: 3rem;
right: auto;
}
.comment .comment-avatar,
.activity .activity-avatar {
margin-left: 1.5rem;
margin-right: 0;
}
.comment .comment-creator {
margin-left: .5rem;
margin-right: 0;
}
tg-wysiwyg .tools {
padding-left: 0;
padding-right: 1rem;
}
.add-tag-button .icon-add {
margin: .5rem 0 0 .25rem;
}
.add-tag-input .save {
margin: .5rem .5rem 0 0;
}
.issue-nav {
left: 1rem;
right: auto;
}
.upvote-btn {
margin-left: .3rem;
margin-right: 0;
}
.taskboard-table-header .taskboard-table-inner {
margin-left: 1rem;
}
.taskboard-table-header .task-colum-name {
margin: 0 0 0 5px;
}
.kanban-table-header {
margin-left: -3.7rem;
.task-colum-name {
margin: 0 0 0 5px;
}
}
.taskboard-table-body .task-column,
.kanban-table-body .task-column {
margin: 0 0 0 5px;
&:last-child {
margin-left: 0;
margin-right: initial;
}
}
.backlog-table-body {
.votes svg {
margin-left: .25rem;
margin-right: 0;
}
.user-story-name a {
text-align: right;
}
}
.backlog-table-header .backlog-table-title {
padding-left: 1rem;
padding-right: 0;
}
.backlog-table-header .backlog-table-title .status,
.backlog-table-header .row .status,
.backlog-table-body .backlog-table-title .status,
.backlog-table-body .row .status {
flex-basis: 150px;
text-align: right;
}
.backlog-table-header .backlog-table-title .user-stories,
.backlog-table-header .row .user-stories,
.backlog-table-body .backlog-table-title .user-stories,
.backlog-table-body .row .user-stories {
text-align: right;
}
.backlog-table-header .status .icon,
.backlog-table-header .points .icon,
.backlog-table-body .status .icon,
.backlog-table-body .points .icon {
margin-left: 0;
margin-right: .2rem;
}
.sprints {
.sprint-table {
.column-us {
text-align: right;
}
.column-points {
text-align: left;
}
}
.sprint .edit-sprint {
left: 0;
margin-left: .5rem;
margin-right: 0;
right: auto;
}
}
.epic-row .progress-bar,
.epic-row .progress-status {
left: auto;
right: 0;
}
.ticket-created-by {
.user-avatar {
margin-left: 0;
margin-right: .5rem;
}
.created-by .created-date {
margin-left: 0;
margin-right: .5rem;
}
.created-by .created-title,
.created-by .created-date {
text-align: left;
}
}
tg-wysiwyg .medium-editor-placeholder,
tg-wysiwyg .markdown-editor-placeholder {
padding-left: 0;
padding-right: 1rem;
text-align: right;
}
.attachments-header {
button {
margin-left: .2rem;
margin-right: 0;
}
label {
margin-left: 0;
margin-right: .25rem;
}
}
.attachment-list {
.attachment-comments,
.editable-attachment-comment {
margin-left: .5rem;
margin-right: 0;
}
.editable-attachment-deprecated input {
margin-left: .2rem;
margin-right: 0;
}
}
.more-attachments .more-attachments-num {
margin-left: 0;
margin-right: .5rem;
}
.single-attachment .attachment-name {
padding-left: 1rem;
padding-right: 0;
svg {
margin-left: .25rem;
margin-right: 0;
}
}
.wiki-nav .add-button svg {
margin-left: .5rem;
margin-right: 0;
}
.wiki-pages-table {
.title-field,
.created-field,
.modified-field,
.last-modifier-field,
.creator-field {
text-align: right;
}
}
.wiki-summary div {
margin-left: 1.25rem;
margin-right: 0;
}
.summary .number {
margin-left: .3rem;
margin-right: 0;
}
.table-team {
.avatar .avatar-data {
margin-left: 0;
margin-right: 1rem;
text-align: right;
}
.leave-project .icon {
margin-left: .2rem;
margin-right: 0;
}
}
.belong-to-epic-text-wrapper {
margin-left: 1rem;
margin-right: 0;
}
.epics-table-options-wrapper {
left: .5rem;
right: auto;
}
.epics-table-dropdown {
left: 0;
right: auto;
}
.story-row .icon-upvote,
.epic-row .icon-upvote {
margin-left: .25rem;
margin-right: 0;
}
.story-row {
margin-left: 0;
margin-right: 4rem;
}
.epic-row .icon-arrow-down {
margin-left: 0;
margin-right: .1rem;
}
.epic-header-container .color-selector {
margin-left: .5rem;
margin-right: 0;
}
.related-userstories-header .related-userstories-title {
margin-left: 0;
margin-right: 1rem;
}
tg-related-userstory-row {
.userstory-name {
margin-left: 1rem;
margin-right: 0;
span {
margin-left: 0;
margin-right: .25rem;
}
}
.avatar figcaption {
margin-left: 0;
margin-right: .5rem;
}
}
.card-owner-actions .icon {
margin-left: .25rem;
margin-right: 0;
}
.card-owner {
img {
margin-left: .5rem;
margin-right: 0;
}
.card-owner-avatar img {
margin-left: .45rem;
margin-right: 0;
}
}
.card-statistics {
.statistic {
margin-left: .5rem;
margin-right: .5rem;
}
.icon {
margin-left: .2rem;
margin-right: 0;
}
}
.lightbox-create-related-user-stories {
.related-with-selector .related-with-selector-single:first-child {
margin-left: .5rem;
margin-right: 0;
}
.new-user-story-options {
margin-left: 0;
margin-right: auto;
}
}
.lightbox-generic-form .settings fieldset {
margin-left: .5rem;
margin-right: 0;
}
.ticket-estimation .popover {
left: auto;
right: .5rem;
&:after {
left: auto;
right: 10px;
}
}
.profile {
.timeline-wrapper {
margin-left: 3.5rem;
margin-right: 0;
}
.profile-bar {
margin-left: 1rem;
margin-right: 0;
}
}
.profile-content-tabs .icon {
margin-left: .5rem;
margin-right: 0;
}
.profile-sidebar h4 .icon {
margin-left: .3rem;
margin-right: auto;
}
.profile-filter .searchbox input {
margin-left: 1rem;
margin-right: 0;
}
.profile-filter .searchbox .icon-search {
margin-left: .5rem;
margin-right: 0;
}
.list-itemtype-ticket .list-itemtype-track .list-itemtype-track-likers,
.list-itemtype-project .list-itemtype-track .list-itemtype-track-likers,
.list-itemtype-ticket .list-itemtype-avatar,
.list-itemtype-project .list-itemtype-project-image {
margin-left: .5rem;
margin-right: 0;
}
.list-itemtype-ticket .list-itemtype-track-likers .icon,
.list-itemtype-ticket .list-itemtype-track-watchers .icon,
.list-itemtype-project .list-itemtype-track-likers .icon,
.list-itemtype-project .list-itemtype-track-watchers .icon {
margin-left: .25rem;
margin-right: 0;
}
.list-itemtype-ticket.blocked-project .icon-blocked-project {
margin-left: 0;
margin-right: .25rem;
}
.list-itemtype-ticket .list-itemtype-ticket-data {
margin-left: 1rem;
margin-right: 0;
}
.list-itemtype-user .list-itemtype-avatar {
margin-left: .75rem;
margin-right: 0;
}
}

4
app/styles/layout/ticket-detail.scss
View File

@ -30,6 +30,10 @@
@include breakpoint(laptop) { @include breakpoint(laptop) {
order: 2; order: 2;
} }
.tag {
border-color: transparent;
border-style: solid;
}
} }
} }