We are happy to announce that Vesta is back under active development as of 25 February 2024. We are working on v1 candidate and expect to engage more with the community over the coming months. We are committed to open source, and we encourage contributors to help us build the future of Vesta.
RTL Language CSS
RTL Language CSS
i edited css for RTL languages :
Code: Select all
/* LANG-AR
========================================================================== */
body.lang-ar {
direction: rtl;
}
.lang-ar .vst-list {
background-position: -425px -604px;
}
.lang-ar .vst-list.long-2 {
background-position: 742px -604px;
}
.lang-ar .hide-password {
margin-right: -36px;
padding-right: 3px;
}
/**
* Header
*/
.lang-ar .l-logo {
float: right;
margin-right: -2px;
}
.lang-ar .l-profile {
float: left;
}
.lang-ar .l-profile__username {
float: right;
padding: 10px 0 0 10px;
margin-left: 12px;
}
.lang-ar .l-profile__logout {
float: right;
color: #fff;
/* margin-right: 40px; */
padding: 10px 0 0 10px;
}
.lang-ar .l-profile__notifications {
float: right;
height: 15px;
margin-left: 4px;
padding: 5px 10px;
}
.lang-ar .l-menu {
float: right;
position: static;
margin-right: 70px;
margin-right: 0px;
}
.lang-ar .l-menu__item {
float: right;
}
.lang-ar .l-menu__item a {
padding: 18px 11px;
}
/**
* Stat
*/
.lang-ar .l-stat__col {
float: right;
}
.lang-ar .l-stat__col ul {
padding-right: 0;
}
.lang-ar .l-stat__col span {
padding-right: 15px;
}
.lang-ar .l-stat__col--active .l-stat__col-title {
margin-left: 0px;
margin-left: -8px;
padding-right: 15px;
}
/**
* Toolbar
*/
.lang-ar .l-sort-toolbar table td {
float: right;
}
.lang-ar .l-sort-toolbar__search-box {
padding-left: 0 !important;
}
.lang-ar .l-sort__create-btn {
right: 30px;
}
#tooltip .lang-ar{
border-radius: 15px;
right: 12px;
margin-right: 12px;
padding: 3px 14px 3px 27px;
}
#tooltip.lang-ar{
border-radius: 15px;
right: 12px;
margin-right: 12px;
padding: 3px 14px 3px 27px;
}
.lang-ar .context-menu.sort-order {
right: 397px;
}
.lang-ar .context-menu.sort-order span.name {
background: url("/images/sprite.png?1446554103") no-repeat scroll -292px -361px rgba(0, 0, 0, 0);
padding: 12px 12px 28px 12px;
}
.lang-ar .context-menu.sort-order span.up {
background: url("/images/sprite.png?1446554103") no-repeat scroll -434px -417px rgba(0, 0, 0, 0);
padding: 12px 14px;
}
.lang-ar .l-sort-toolbar {
float: left;
padding: 7px 0 7px 0;
width: 100%;
}
.lang-ar .l-sort-toolbar table{
float: left;
}
.lang-ar .l-sort-toolbar .sort-by {
padding-right: 40px;
}
.lang-ar .l-sort-toolbar .sort-by b {
padding-right: 3px;
}
.lang-ar .l-sort-toolbar .l-select {
float: right;
}
.lang-ar .l-sort-toolbar.subtitle {
padding-right: 96px;
}
.lang-ar .l-sort-toolbar td:first-of-type {
padding-right: 40px;
}
.lang-ar .l-sort-toolbar td.step-right:first-of-type {
padding-left: 20px;
}
.lang-ar .l-sort-toolbar td:nth-of-type(2) {
/* /// padding-left: 60px;*/
padding-left: 20px;
}
.lang-ar .l-sort-toolbar td:last-of-type {
/* /// padding-right: 40px; */
}
.lang-ar .l-sort-toolbar__filter-apply {
float: right;
background-image: url("/images/sprite.png?1446554103");
background-position: -333px -1px;
}
.lang-ar .l-sort-toolbar__filter-apply:hover {
background-position: -368px -1px;
}
.lang-ar .l-sort-toolbar__filter-apply:active {
background-position: -404px -1px;
}
.lang-ar .l-sort-toolbar__filter-apply--active {
background-position: -404px -1px;
}
.lang-ar .l-sort-toolbar__search {
float: right;
background-image: url("/images/sprite.png?1446554103");
background-position: -333px -37px;
}
.lang-ar .l-sort-toolbar__search:hover {
background-position: -368px -37px;
}
.lang-ar .l-sort-toolbar__search:active {
background-position: -404px -37px;
}
.lang-ar .l-sort-toolbar__search--active {
background-position: -404px -37px;
}
.lang-ar .l-sort-toolbar .vst {
padding: 0 12px;
}
.lang-ar .l-unit__stat-col--left {
float: right;
}
.lang-ar .l-unit__stat-cols {
padding-right: 0px;
}
.lang-ar .actions-panel__col {
float: right;
}
.lang-ar .actions-panel__col i {
float: left;
}
.lang-ar .l-unit__stat-col--right {
float: right;
}
.lang-ar.l-unit__stat-col--left {
float: right;
}
.lang-ar .l-unit-toolbar__col--left {
float: right;
margin-right: -15px;
padding-right: 15px;
}
.lang-ar .l-unit-toolbar__col--right {
float: left;
}
.lang-ar .l-unit__name {
direction: rtl;
}
Code: Select all
/* LANG-FA
========================================================================== */
body.lang-fa {
direction: rtl;
}
.lang-fa .vst-list {
background-position: -425px -604px;
}
.lang-fa .vst-list.long-2 {
background-position: 742px -604px;
}
.lang-fa .hide-password {
margin-right: -36px;
padding-right: 3px;
}
/**
* Header
*/
.lang-fa .l-logo {
float: right;
margin-right: -2px;
}
.lang-fa .l-profile {
float: left;
}
.lang-fa .l-profile__username {
float: right;
padding: 10px 0 0 10px;
margin-left: 12px;
}
.lang-fa .l-profile__logout {
float: right;
color: #fff;
/* margin-right: 40px; */
padding: 10px 0 0 10px;
}
.lang-fa .l-profile__notifications {
float: right;
height: 15px;
margin-left: 4px;
padding: 5px 10px;
}
.lang-fa .l-menu {
float: right;
position: static;
margin-right: 70px;
margin-right: 0px;
}
.lang-fa .l-menu__item {
float: right;
}
.lang-fa .l-menu__item a {
padding: 18px 11px;
}
/**
* Stat
*/
.lang-fa .l-stat__col {
float: right;
}
.lang-fa .l-stat__col ul {
padding-right: 0;
}
.lang-fa .l-stat__col span {
padding-right: 15px;
}
.lang-fa .l-stat__col--active .l-stat__col-title {
margin-left: 0px;
margin-left: -8px;
padding-right: 15px;
}
/**
* Toolbar
*/
.lang-fa .l-sort-toolbar table td {
float: right;
}
.lang-fa .l-sort-toolbar__search-box {
padding-left: 0 !important;
}
.lang-fa .l-sort__create-btn {
right: 30px;
}
#tooltip .lang-fa{
border-radius: 15px;
right: 12px;
margin-right: 12px;
padding: 3px 14px 3px 27px;
}
#tooltip.lang-fa{
border-radius: 15px;
right: 12px;
margin-right: 12px;
padding: 3px 14px 3px 27px;
}
.lang-fa .context-menu.sort-order {
right: 397px;
}
.lang-fa .context-menu.sort-order span.name {
background: url("/images/sprite.png?1446554103") no-repeat scroll -292px -361px rgba(0, 0, 0, 0);
padding: 12px 12px 28px 12px;
}
.lang-fa .context-menu.sort-order span.up {
background: url("/images/sprite.png?1446554103") no-repeat scroll -434px -417px rgba(0, 0, 0, 0);
padding: 12px 14px;
}
.lang-fa .l-sort-toolbar {
float: left;
padding: 7px 0 7px 0;
width: 100%;
}
.lang-fa .l-sort-toolbar table{
float: left;
}
.lang-fa .l-sort-toolbar .sort-by {
padding-right: 40px;
}
.lang-fa .l-sort-toolbar .sort-by b {
padding-right: 3px;
}
.lang-fa .l-sort-toolbar .l-select {
float: right;
}
.lang-fa .l-sort-toolbar.subtitle {
padding-right: 96px;
}
.lang-fa .l-sort-toolbar td:first-of-type {
padding-right: 40px;
}
.lang-fa .l-sort-toolbar td.step-right:first-of-type {
padding-left: 20px;
}
.lang-fa .l-sort-toolbar td:nth-of-type(2) {
/* /// padding-left: 60px;*/
padding-left: 20px;
}
.lang-fa .l-sort-toolbar td:last-of-type {
/* /// padding-right: 40px; */
}
.lang-fa .l-sort-toolbar__filter-apply {
float: right;
background-image: url("/images/sprite.png?1446554103");
background-position: -333px -1px;
}
.lang-fa .l-sort-toolbar__filter-apply:hover {
background-position: -368px -1px;
}
.lang-fa .l-sort-toolbar__filter-apply:active {
background-position: -404px -1px;
}
.lang-fa .l-sort-toolbar__filter-apply--active {
background-position: -404px -1px;
}
.lang-fa .l-sort-toolbar__search {
float: right;
background-image: url("/images/sprite.png?1446554103");
background-position: -333px -37px;
}
.lang-fa .l-sort-toolbar__search:hover {
background-position: -368px -37px;
}
.lang-fa .l-sort-toolbar__search:active {
background-position: -404px -37px;
}
.lang-fa .l-sort-toolbar__search--active {
background-position: -404px -37px;
}
.lang-fa .l-sort-toolbar .vst {
padding: 0 12px;
}
.lang-fa .l-unit__stat-col--left {
float: right;
}
.lang-fa .l-unit__stat-cols {
padding-right: 0px;
}
.lang-fa .actions-panel__col {
float: right;
}
.lang-fa .actions-panel__col i {
float: left;
}
.lang-fa .l-unit__stat-col--right {
float: right;
}
.lang-fa.l-unit__stat-col--left {
float: right;
}
.lang-fa .l-unit-toolbar__col--left {
float: right;
margin-right: -15px;
padding-right: 15px;
}
.lang-fa .l-unit-toolbar__col--right {
float: left;
}
.lang-fa .l-unit__name {
direction: rtl;
}