Remove directional Sass variables in favor of RTLCSS

Removes $direction, $right and $left.

Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
This commit is contained in:
Maurício Meneghini Fauth 2020-12-21 23:29:18 -03:00
parent 33b07866f2
commit a30f7643bc
No known key found for this signature in database
GPG Key ID: 6A16FD38AFC89CC8
70 changed files with 1137 additions and 1391 deletions

View File

@ -1,74 +0,0 @@
@if $direction == rtl {
//
// scss/_forms.scss
//
.form-check {
padding-left: inherit;
padding-right: $form-check-padding-start;
}
.form-check-input {
margin-left: inherit;
margin-right: $form-check-padding-start * -1;
}
//
// scss/utilities/_text.scss
//
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
.text#{$infix}-left {
text-align: right !important;
}
.text#{$infix}-right {
text-align: left !important;
}
}
}
//
// scss/utilities/_spacing.scss
//
@each $breakpoint in map-keys($grid-breakpoints) {
@include media-breakpoint-up($breakpoint) {
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
@each $prop, $abbrev in (margin: m, padding: p) {
@each $size, $length in $spacers {
.#{$abbrev}r#{$infix}-#{$size} {
#{$prop}-left: $length !important;
}
.#{$abbrev}l#{$infix}-#{$size} {
#{$prop}-right: $length !important;
}
}
}
// Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
@each $size, $length in $spacers {
@if $size != 0 {
.mr#{$infix}-n#{$size} {
margin-left: -$length !important;
}
.ml#{$infix}-n#{$size} {
margin-right: -$length !important;
}
}
}
// Some special margin utils
.mr#{$infix}-auto {
margin-left: auto !important;
}
.ml#{$infix}-auto {
margin-right: auto !important;
}
}
}
}

View File

@ -77,9 +77,9 @@ span {
.autocomplete-column-hint {
display: inline-block;
float: $right;
float: right;
color: #666;
margin-#{$left}: 1em;
margin-left: 1em;
}
.CodeMirror-hints {

File diff suppressed because it is too large Load Diff

View File

@ -40,7 +40,7 @@ $resize-img: '../img/designer/resize.png';
canvas.designer {
display: inline-block;
overflow: hidden;
text-align: $left;
text-align: left;
* {
behavior: url(#default#VML);
@ -130,8 +130,8 @@ canvas.designer {
text-decoration: none;
text-indent: 3px;
font-weight: bold;
margin-#{$left}: 2px;
text-align: $left;
margin-left: 2px;
text-align: left;
background-color: #fff;
background-image: url($left-panel-button-img);
border: #ccc solid 1px;
@ -145,7 +145,7 @@ canvas.designer {
white-space: nowrap;
text-decoration: none;
border: #99f solid 1px;
text-align: $left;
text-align: left;
}
}
@ -155,15 +155,15 @@ canvas.designer {
}
.option_tab {
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
width: 5px;
}
.select_all {
vertical-align: top;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
cursor: default;
width: 1px;
color: #000;
@ -179,8 +179,8 @@ canvas.designer {
cursor: default;
text-align: center;
font-weight: bold;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
width: 1px;
text-decoration: none;
@ -189,8 +189,8 @@ canvas.designer {
color: #fff;
background-color: #f96;
cursor: default;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-weight: bold;
width: 1px;
@ -250,19 +250,19 @@ canvas.designer {
}
.frams1 {
background: url($frams1-img) no-repeat $right bottom;
background: url($frams1-img) no-repeat right bottom;
}
.frams2 {
background: url($frams2-img) no-repeat $left bottom;
background: url($frams2-img) no-repeat left bottom;
}
.frams3 {
background: url($frams3-img) no-repeat $left top;
background: url($frams3-img) no-repeat left top;
}
.frams4 {
background: url($frams4-img) no-repeat $right top;
background: url($frams4-img) no-repeat right top;
}
.frams5 {
@ -270,7 +270,7 @@ canvas.designer {
}
.frams6 {
background: url($frams6-img) repeat-y $left;
background: url($frams6-img) repeat-y left;
}
.frams7 {
@ -278,7 +278,7 @@ canvas.designer {
}
.frams8 {
background: url($frams8-img) repeat-y $right;
background: url($frams8-img) repeat-y right;
}
#osn_tab {
@ -297,8 +297,8 @@ canvas.designer {
background-image: url($top-panel-img);
background-position: top;
background-repeat: repeat-x;
border-#{$right}: #999 solid 1px;
border-#{$left}: #999 solid 1px;
border-right: #999 solid 1px;
border-left: #999 solid 1px;
height: 28px;
z-index: 101;
width: 100%;
@ -307,7 +307,7 @@ canvas.designer {
a,
span {
display: block;
float: $left;
float: left;
margin: 3px 1px 4px;
height: 20px;
border: 1px dotted #fff;
@ -315,7 +315,7 @@ canvas.designer {
.M_bord {
display: block;
float: $left;
float: left;
margin: 4px;
height: 20px;
width: 2px;
@ -323,11 +323,11 @@ canvas.designer {
a {
&.first {
margin-#{$right}: 1em;
margin-right: 1em;
}
&.last {
margin-#{$left}: 1em;
margin-left: 1em;
}
}
}
@ -356,18 +356,18 @@ a {
#layer_menu {
z-index: 98;
position: relative;
float: $right;
float: right;
background-color: #eaeef0;
border: #999 solid 1px;
&.left {
float: $left;
float: left;
}
}
#layer_upd_relation {
position: absolute;
#{$left}: 637px;
left: 637px;
top: 224px;
z-index: 100;
}
@ -375,7 +375,7 @@ a {
#layer_new_relation,
#designer_optionse {
position: absolute;
#{$left}: 636px;
left: 636px;
top: 85px;
z-index: 100;
width: 153px;
@ -393,7 +393,7 @@ a {
.panel {
position: fixed;
top: 60px;
#{$right}: 0;
right: 0;
width: 350px;
max-height: 500px;
display: none;
@ -407,7 +407,7 @@ a {
position: fixed;
text-decoration: none;
top: 60px;
#{$right}: 0;
right: 0;
color: #fff;
padding: 10px 40px 10px 15px;
background: #333 url($plus-img) 85% 55% no-repeat;
@ -460,12 +460,12 @@ a {
}
#foreignkeychk {
text-align: $left;
text-align: left;
cursor: pointer;
}
.side-menu {
float: $left;
float: left;
position: fixed;
width: auto;
height: auto;
@ -476,8 +476,8 @@ a {
padding: 2px;
&.right {
float: $right;
#{$right}: 0;
float: right;
right: 0;
}
.hide {
@ -493,7 +493,7 @@ a {
img,
.text {
float: $left;
float: left;
}
}
@ -510,5 +510,5 @@ a {
#container-form {
width: 100%;
position: absolute;
#{$left}: 0;
left: 0;
}

View File

@ -1,13 +0,0 @@
$direction: ltr !default;
@if $direction != ltr and $direction != rtl {
$direction: ltr;
}
$left: left;
$right: right;
@if $direction == rtl {
$left: right;
$right: left;
}

View File

@ -23,7 +23,7 @@ p.enum_notice {
vertical-align: middle;
width: 50%;
padding: 0 0 0;
padding-#{$left}: 1em;
padding-left: 1em;
}
}
@ -36,7 +36,7 @@ p.enum_notice {
input {
margin: 0.1em 0;
padding-#{$right}: 2em;
padding-right: 2em;
width: 100%;
}
@ -47,13 +47,13 @@ p.enum_notice {
input.add_value {
margin: 0;
margin-#{$right}: 0.4em;
margin-right: 0.4em;
}
}
#enum_editor_output textarea {
width: 100%;
float: $right;
float: right;
margin: 1em 0 0 0;
}
@ -65,7 +65,7 @@ p.enum_notice {
a {
position: absolute;
#{$left}: 81%;
left: 81%;
bottom: 0.35em;
}
}

View File

@ -2,7 +2,7 @@
* GIS data editor styles
*/
a.close_gis_editor {
float: $right;
float: right;
}
#gis_editor {

View File

@ -1,6 +1,6 @@
.icon {
margin: 0;
margin-#{$left}: 0.3em;
margin-left: 0.3em;
padding: 0 !important;
width: 16px;
height: 16px;

View File

@ -22,7 +22,7 @@
}
.jqplot-yaxis {
margin-#{$right}: 10px;
margin-right: 10px;
}
.jqplot-y2axis,
@ -34,8 +34,8 @@
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
margin-#{$left}: 10px;
margin-#{$right}: 10px;
margin-left: 10px;
margin-right: 10px;
}
// rules applied to all axis tick divs
@ -59,26 +59,26 @@
.jqplot-xaxis-tick {
top: 0;
// initial position untill tick is drawn in proper place
#{$left}: 15px;
left: 15px;
vertical-align: top;
}
.jqplot-x2axis-tick {
bottom: 0;
// initial position untill tick is drawn in proper place
#{$left}: 15px;
left: 15px;
vertical-align: bottom;
}
.jqplot-yaxis-tick {
#{$right}: 0;
right: 0;
// initial position untill tick is drawn in proper place
top: 15px;
text-align: $right;
text-align: right;
&.jqplot-breakTick {
#{$right}: -20px;
margin-#{$right}: 0;
right: -20px;
margin-right: 0;
padding: 1px 5px 1px;
z-index: 2;
font-size: 1.5em;
@ -93,10 +93,10 @@
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
#{$left}: 0;
left: 0;
// initial position untill tick is drawn in proper place
top: 15px;
text-align: $left;
text-align: left;
}
.jqplot-yMidAxis-tick {
@ -117,7 +117,7 @@
}
.jqplot-yaxis-label {
margin-#{$right}: 10px;
margin-right: 10px;
font-size: 11pt;
position: absolute;
}
@ -136,7 +136,7 @@
.jqplot-y8axis-label,
.jqplot-y9axis-label {
font-size: 11pt;
margin-#{$left}: 10px;
margin-left: 10px;
position: absolute;
}
@ -154,8 +154,8 @@ table {
&.jqplot-table-legend {
margin-top: 12px;
margin-bottom: 12px;
margin-#{$left}: 12px;
margin-#{$right}: 12px;
margin-left: 12px;
margin-right: 12px;
background-color: rgba(255, 255, 255, 0.6);
border: 1px solid #ccc;
position: absolute;
@ -209,7 +209,7 @@ div {
.jqplot-title {
top: 0;
#{$left}: 0;
left: 0;
padding-bottom: 0.5em;
font-size: 1.2em;
}
@ -259,8 +259,8 @@ div.jqplot-cursor-legend-swatch {
div {
&.jqplot-bubble-label {
font-size: 0.8em;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
color: rgb(20%, 20%, 20%);
&.jqplot-bubble-label-highlight {

View File

@ -3,7 +3,7 @@
width: $navi-width;
position: fixed;
top: 0;
#{$left}: 0;
left: 0;
height: 100vh;
background-color: $gray-100;
z-index: 800;
@ -29,8 +29,8 @@
&.pageselector {
text-align: center;
margin: 0;
margin-#{$left}: 0.75em;
border-#{$left}: 1px solid #666;
margin-left: 0.75em;
border-left: 1px solid #666;
}
}
@ -85,7 +85,7 @@
height: 100%;
position: absolute;
top: 0;
#{$left}: 0;
left: 0;
z-index: 0;
> img.throbber {
@ -95,7 +95,7 @@
}
#pma_navigation_select_database {
text-align: $left;
text-align: left;
padding: 0 0 0;
border: 0;
margin: 0;
@ -103,7 +103,7 @@
#pma_navigation_db_select {
margin-top: 0.5em;
margin-#{$left}: 0.75em;
margin-left: 0.75em;
select {
background: url('../img/select_bg.png') repeat scroll 0 0;
@ -135,7 +135,7 @@
#pma_navigation_tree {
margin: 0;
margin-#{$left}: 5px;
margin-left: 5px;
overflow: hidden;
color: #444;
height: 74%;
@ -171,13 +171,13 @@
}
.dbItemControls {
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
.navItemControls {
display: none;
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
@ -218,7 +218,7 @@
height: 1.5em;
min-width: 16px;
min-height: 16px;
float: $left;
float: left;
&.double {
width: 2.5em;
@ -232,21 +232,21 @@
min-height: 8px;
position: absolute;
bottom: 0.7em;
#{$left}: 0.75em;
left: 0.75em;
z-index: 0;
}
// Top and right segments for the tree element connections
i {
display: block;
border-#{$left}: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
position: relative;
z-index: 0;
// Removes top segment
&.first {
border-#{$left}: 0;
border-left: 0;
}
}
@ -255,44 +255,44 @@
display: block;
height: 0.75em;
bottom: 0;
#{$left}: 0.75em;
border-#{$left}: 1px solid #666;
left: 0.75em;
border-left: 1px solid #666;
}
a,
u {
position: absolute;
#{$left}: 50%;
left: 50%;
top: 50%;
z-index: 10;
}
a + a {
#{$left}: 100%;
left: 100%;
}
&.double {
a,
u {
#{$left}: 33%;
left: 33%;
}
a + a {
#{$left}: 85%;
left: 85%;
}
}
img {
position: relative;
top: -0.6em;
#{$left}: 0;
margin-#{$left}: -7px;
left: 0;
margin-left: -7px;
}
}
&.throbber img {
top: 2px;
#{$left}: 2px;
left: 2px;
}
}
@ -306,28 +306,28 @@
i {
line-height: 1.5em;
height: 1.5em;
padding-#{$left}: 0.3em;
padding-left: 0.3em;
}
}
}
.list_container {
border-#{$left}: 1px solid #666;
margin-#{$left}: 0.75em;
padding-#{$left}: 0.75em;
border-left: 1px solid #666;
margin-left: 0.75em;
padding-left: 0.75em;
}
.last > .list_container {
border-#{$left}: 0 solid #666;
border-left: 0 solid #666;
}
}
// Fast filter
li.fast_filter {
padding-#{$left}: 0.75em;
margin-#{$left}: 0.75em;
padding-#{$right}: 35px;
border-#{$left}: 1px solid #666;
padding-left: 0.75em;
margin-left: 0.75em;
padding-right: 35px;
border-left: 1px solid #666;
list-style: none;
input {
@ -335,14 +335,14 @@ li.fast_filter {
font-size: 0.7em;
padding-top: 2px;
padding-bottom: 2px;
padding-#{$left}: 4px;
padding-#{$right}: 1.7em;
padding-left: 4px;
padding-right: 1.7em;
width: 100%;
}
span {
position: relative;
#{$right}: 1.5em;
right: 1.5em;
padding: 0.2em;
cursor: pointer;
font-weight: bold;
@ -352,8 +352,8 @@ li.fast_filter {
&.db_fast_filter {
border: 0;
margin-#{$left}: 0;
margin-#{$right}: 10px;
margin-left: 0;
margin-right: 10px;
}
}
@ -365,7 +365,7 @@ html.ie {
}
input {
padding-#{$right}: 0.2em;
padding-right: 0.2em;
}
}
@ -377,7 +377,7 @@ html.ie {
}
input {
padding-#{$right}: 1.7em;
padding-right: 1.7em;
}
}
}
@ -392,8 +392,8 @@ html.ie {
}
#navigation_controls {
float: $right;
padding-#{$right}: 23px;
float: right;
padding-right: 23px;
}
// Resize handler
@ -404,7 +404,7 @@ html.ie {
cursor: col-resize;
position: fixed;
top: 0;
#{$left}: 240px;
left: 240px;
z-index: 801;
}
@ -417,7 +417,7 @@ html.ie {
font-weight: bold;
position: fixed;
top: 0;
#{$left}: $navi-width;
left: $navi-width;
text-align: center;
cursor: pointer;
z-index: 800;
@ -429,12 +429,12 @@ html.ie {
// Quick warp links
.pma_quick_warp {
margin-top: 5px;
margin-#{$left}: 2px;
margin-left: 2px;
position: relative;
.drop_list {
float: $left;
margin-#{$left}: 3px;
float: left;
margin-left: 3px;
padding: 2px 0;
&:hover {
@ -461,8 +461,8 @@ html.ie {
border-bottom-right-radius: 0;
box-shadow: 0 0 5px #ccc;
top: 100%;
#{$left}: 3px;
#{$right}: 0;
left: 3px;
right: 0;
display: none;
z-index: 802;
}
@ -486,8 +486,8 @@ html.ie {
padding: 0.2em 0.3em;
&.favorite_table_anchor {
clear: $left;
float: $left;
clear: left;
float: left;
padding: 0.1em 0.3em 0;
}
}

View File

@ -1,5 +1,5 @@
// Body
body {
text-align: $left;
text-align: left;
}

View File

@ -24,7 +24,7 @@ ul.resizable-menu {
display: none;
border: 1px #ddd solid;
z-index: 2;
#{$right}: 0;
right: 0;
}
li:hover {

View File

@ -25,7 +25,7 @@
&[type=checkbox],
&[type=radio] {
width: auto;
margin-#{$right}: 6px;
margin-right: 6px;
}
}

View File

@ -1,3 +0,0 @@
$direction: rtl;
@import "theme";

View File

@ -1,4 +1,3 @@
@import "direction";
@import "variables";
@import "bootstrap";
@import "common";

View File

@ -1,5 +1,5 @@
.alert {
text-align: $left;
text-align: left;
a {
text-decoration: underline;

View File

@ -28,7 +28,7 @@
}
.card-body ul {
padding-#{$left}: 0;
padding-left: 0;
}
}

View File

@ -86,9 +86,9 @@ span {
.autocomplete-column-hint {
display: inline-block;
float: $right;
float: right;
color: #666;
margin-#{$left}: 1em;
margin-left: 1em;
}
.CodeMirror-hints {

File diff suppressed because it is too large Load Diff

View File

@ -24,7 +24,7 @@
canvas.designer {
display: inline-block;
overflow: hidden;
text-align: $left;
text-align: left;
* {
behavior: url(#default#VML);
@ -108,8 +108,8 @@ canvas.designer {
white-space: nowrap;
text-decoration: none;
text-indent: 3px;
margin-#{$left}: 2px;
text-align: $left;
margin-left: 2px;
text-align: left;
border: #ccc solid 0;
&:hover {
@ -120,7 +120,7 @@ canvas.designer {
white-space: nowrap;
text-decoration: none;
border: #eee solid 0;
text-align: $left;
text-align: left;
}
}
@ -130,15 +130,15 @@ canvas.designer {
}
.option_tab {
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
width: 5px;
}
.select_all {
vertical-align: top;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
cursor: default;
width: 1px;
color: #000;
@ -152,8 +152,8 @@ canvas.designer {
cursor: default;
text-align: center;
font-weight: bold;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
width: 1px;
text-decoration: none;
@ -162,8 +162,8 @@ canvas.designer {
color: #fff;
background-color: #f96;
cursor: default;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-weight: bold;
width: 1px;
@ -189,13 +189,13 @@ canvas.designer {
}
.L_butt2_1 {
padding-#{$left}: 5px;
padding-left: 5px;
text-decoration: none;
vertical-align: middle;
cursor: default;
&:hover {
padding-#{$left}: 5px;
padding-left: 5px;
color: #000;
text-decoration: none;
vertical-align: middle;
@ -222,7 +222,7 @@ canvas.designer {
color: #333;
display: block;
height: 28px;
margin-#{$left}: -20px;
margin-left: -20px;
margin-top: -60px;
padding: 5px 20px;
position: fixed;
@ -232,14 +232,14 @@ canvas.designer {
a {
display: block;
float: $left;
float: left;
margin: 3px 1px 4px;
height: 20px;
}
.M_bord {
display: block;
float: $left;
float: left;
margin: 4px;
height: 20px;
width: 2px;
@ -247,11 +247,11 @@ canvas.designer {
a {
&.first {
margin-#{$right}: 1em;
margin-right: 1em;
}
&.last {
margin-#{$left}: 1em;
margin-left: 1em;
}
}
}
@ -270,29 +270,29 @@ a {
#layer_menu {
z-index: 98;
position: relative;
float: $right;
float: right;
background-color: #f6f6f6;
border: #ccc solid 1px;
border-top: 0;
margin-#{$right}: -20px;
margin-right: -20px;
}
.content_fullscreen #layer_menu {
margin-#{$right}: 0;
margin-right: 0;
}
#layer_menu.left {
float: $left;
margin-#{$left}: -20px;
float: left;
margin-left: -20px;
}
.content_fullscreen #layer_menu.left {
margin-#{$left}: 0;
margin-left: 0;
}
#layer_upd_relation {
position: absolute;
#{$left}: 637px;
left: 637px;
top: 224px;
z-index: 100;
}
@ -300,7 +300,7 @@ a {
#layer_new_relation,
#designer_optionse {
position: absolute;
#{$left}: 636px;
left: 636px;
top: 85px;
z-index: 100;
width: 153px;
@ -318,7 +318,7 @@ a {
.panel {
position: fixed;
top: 90px;
#{$right}: 0;
right: 0;
width: 350px;
max-height: 500px;
display: none;
@ -332,7 +332,7 @@ a {
position: fixed;
text-decoration: none;
top: 90px;
#{$right}: 0;
right: 0;
color: #fff;
padding: 10px 40px 10px 15px;
background: #333 url("../img/designer/plus.png") 85% 55% no-repeat;
@ -389,12 +389,12 @@ a {
}
#foreignkeychk {
text-align: $left;
text-align: left;
cursor: pointer;
}
.side-menu {
float: #{$left};
float: left;
position: fixed;
width: auto;
height: auto;
@ -405,20 +405,20 @@ a {
z-index: 50;
padding: 2px;
margin-top: 0;
margin-#{$left}: -20px;
margin-left: -20px;
}
.content_fullscreen .side-menu {
margin-#{$left}: 0;
margin-left: 0;
}
.side-menu.right {
float: $right;
#{$right}: 0;
float: right;
right: 0;
}
.content_fullscreen .side-menu.right {
margin-#{$right}: 0;
margin-right: 0;
}
.side-menu {
@ -435,8 +435,8 @@ a {
img,
span,
.text {
float: $left;
padding-#{$left}: 2px;
float: left;
padding-left: 2px;
}
}
@ -448,18 +448,18 @@ a {
padding: 10px;
font-weight: bold;
margin-top: -20px;
margin-#{$left}: -20px;
margin-#{$right}: -20px;
margin-left: -20px;
margin-right: -20px;
}
.content_fullscreen #name-panel {
margin-top: 0;
margin-#{$left}: 0;
margin-#{$right}: 0;
margin-left: 0;
margin-right: 0;
}
#container-form {
width: 100%;
position: absolute;
#{$left}: 0;
left: 0;
}

View File

@ -23,7 +23,7 @@ p.enum_notice {
vertical-align: middle;
width: 50%;
padding: 0 0 0;
padding-#{$left}: 1em;
padding-left: 1em;
}
}
@ -36,7 +36,7 @@ p.enum_notice {
input {
margin: 0.1em 0;
padding-#{$right}: 2em;
padding-right: 2em;
width: 100%;
}
@ -47,13 +47,13 @@ p.enum_notice {
input.add_value {
margin: 0;
margin-#{$right}: 0.4em;
margin-right: 0.4em;
}
}
#enum_editor_output textarea {
width: 100%;
float: $right;
float: right;
margin: 1em 0 0 0;
}
@ -63,7 +63,7 @@ p.enum_notice {
a {
position: absolute;
#{$left}: 81%;
left: 81%;
bottom: 0.35em;
}
}

View File

@ -1,6 +1,6 @@
// GIS data editor styles for the Metro theme
a.close_gis_editor {
float: $right;
float: right;
}
#gis_editor {

View File

@ -1,6 +1,6 @@
.icon {
margin: 0;
margin-#{$left}: 0.3em;
margin-left: 0.3em;
padding: 0 !important;
width: 16px;
height: 16px;

View File

@ -23,7 +23,7 @@
}
.jqplot-yaxis {
margin-#{$right}: 10px;
margin-right: 10px;
}
.jqplot-y2axis,
@ -35,8 +35,8 @@
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
margin-#{$left}: 10px;
margin-#{$right}: 10px;
margin-left: 10px;
margin-right: 10px;
}
// rules applied to all axis tick divs
@ -60,26 +60,26 @@
.jqplot-xaxis-tick {
top: 0;
// initial position untill tick is drawn in proper place
#{$left}: 15px;
left: 15px;
vertical-align: top;
}
.jqplot-x2axis-tick {
bottom: 0;
// initial position untill tick is drawn in proper place
#{$left}: 15px;
left: 15px;
vertical-align: bottom;
}
.jqplot-yaxis-tick {
#{$right}: 0;
right: 0;
// initial position untill tick is drawn in proper place
top: 15px;
text-align: $right;
text-align: right;
&.jqplot-breakTick {
#{$right}: -20px;
margin-#{$right}: 0;
right: -20px;
margin-right: 0;
padding: 1px 5px 1px;
z-index: 2;
font-size: 1.5em;
@ -94,10 +94,10 @@
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
#{$left}: 0;
left: 0;
// initial position untill tick is drawn in proper place
top: 15px;
text-align: $left;
text-align: left;
}
.jqplot-yMidAxis-tick {
@ -118,7 +118,7 @@
}
.jqplot-yaxis-label {
margin-#{$right}: 10px;
margin-right: 10px;
font-size: 11pt;
position: absolute;
}
@ -137,7 +137,7 @@
.jqplot-y8axis-label,
.jqplot-y9axis-label {
font-size: 11pt;
margin-#{$left}: 10px;
margin-left: 10px;
position: absolute;
}
@ -155,8 +155,8 @@ table {
&.jqplot-table-legend {
margin-top: 12px;
margin-bottom: 12px;
margin-#{$left}: 12px;
margin-#{$right}: 12px;
margin-left: 12px;
margin-right: 12px;
background-color: rgba(255, 255, 255, 0.6);
border: 1px solid #ccc;
position: absolute;
@ -210,7 +210,7 @@ div {
.jqplot-title {
top: 0;
#{$left}: 0;
left: 0;
padding-bottom: 0.5em;
font-size: 1.2em;
}
@ -260,8 +260,8 @@ div.jqplot-cursor-legend-swatch {
div {
&.jqplot-bubble-label {
font-size: 0.8em;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
color: rgb(20%, 20%, 20%);
&.jqplot-bubble-label-highlight {

View File

@ -23,8 +23,8 @@
display: block;
padding-top: 10px;
padding-bottom: 10px;
padding-#{$right}: 10px;
padding-#{$left}: 20px;
padding-right: 10px;
padding-left: 20px;
&:hover {
background: #f6f6f6;
@ -34,5 +34,5 @@
#li_select_theme::after {
content: "Scheme: #{$color-scheme}";
margin-#{$left}: 10px;
margin-left: 10px;
}

View File

@ -15,7 +15,7 @@
}
img {
margin-#{$right}: 0.5em;
margin-right: 0.5em;
vertical-align: -3px;
}
}

View File

@ -1,11 +1,11 @@
.navbar {
background-color: $th-background;
padding-#{$left}: 20px;
padding-#{$right}: 20px;
padding-left: 20px;
padding-right: 20px;
}
.navbar-nav .icon {
margin-#{$right}: 0.5em;
margin-right: 0.5em;
vertical-align: -3px;
}

View File

@ -4,7 +4,7 @@
overflow: hidden;
position: fixed;
top: 0;
#{$left}: 0;
left: 0;
height: 100%;
background: $navi-color;
color: $main-color;
@ -45,7 +45,7 @@
width: 100%;
position: absolute;
top: 0;
#{$left}: 0;
left: 0;
z-index: 0;
}
@ -63,8 +63,8 @@
div.pageselector {
text-align: center;
margin: 0;
margin-#{$left}: 0.75em;
border-#{$left}: 1px solid #666;
margin-left: 0.75em;
border-left: 1px solid #666;
}
#pmalogo {
@ -81,7 +81,7 @@
&::after {
font-family: $font-family-extra-bold;
text-transform: uppercase;
margin-#{$left}: 5px;
margin-left: 5px;
content: "phpMyAdmin";
}
}
@ -149,7 +149,7 @@ img {
height: 16px;
width: 16px;
color: $main-color;
margin-#{$right}: 5px;
margin-right: 5px;
padding: 5px;
font-size: 15px;
@ -176,14 +176,14 @@ img {
/* Navigation tree */
#pma_navigation_tree {
margin: 0;
margin-#{$left}: 10px;
margin-left: 10px;
overflow: hidden;
height: 74%;
position: relative;
}
#pma_navigation_select_database {
text-align: $left;
text-align: left;
padding: 0 0 0;
border: 0;
margin: 0;
@ -191,7 +191,7 @@ img {
#pma_navigation_db_select {
margin-top: 0.5em;
margin-#{$left}: 0.75em;
margin-left: 0.75em;
select {
border: 1px solid #bbb;
@ -213,13 +213,13 @@ img {
#pma_navigation_tree li {
.dbItemControls {
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
.navItemControls {
display: none;
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
@ -290,7 +290,7 @@ img {
height: 2em;
min-width: 16px;
min-height: 16px;
float: $left;
float: left;
&.double {
width: 2.5em;
@ -304,7 +304,7 @@ img {
min-height: 8px;
position: absolute;
bottom: 0.7em;
#{$left}: 0.75em;
left: 0.75em;
z-index: 0;
margin-top: -4px;
}
@ -312,14 +312,14 @@ img {
/* Top and right segments for the tree element connections */
i {
display: block;
border-#{$left}: 1px solid #616161;
border-left: 1px solid #616161;
border-bottom: 1px solid #616161;
position: relative;
z-index: 0;
/* Removes top segment */
&.first {
border-#{$left}: 0;
border-left: 0;
}
}
@ -328,44 +328,44 @@ img {
display: block;
height: 0.75em;
bottom: 0;
#{$left}: 0.75em;
border-#{$left}: 1px solid #616161;
left: 0.75em;
border-left: 1px solid #616161;
}
a,
u {
position: absolute;
#{$left}: 50%;
left: 50%;
top: 50%;
z-index: 10;
}
a + a {
#{$left}: 100%;
left: 100%;
}
&.double {
a,
u {
#{$left}: 33%;
left: 33%;
}
a + a {
#{$left}: 85%;
left: 85%;
}
}
img {
position: relative;
top: -0.6em;
#{$left}: 0;
margin-#{$left}: -7px;
left: 0;
margin-left: -7px;
}
}
&.throbber img {
top: 2px;
#{$left}: 2px;
left: 2px;
}
}
@ -379,28 +379,28 @@ img {
i {
line-height: 1.5em;
height: 1.5em;
padding-#{$left}: 0.3em;
padding-left: 0.3em;
}
}
}
.list_container {
border-#{$left}: 1px solid #616161;
margin-#{$left}: 0.75em;
padding-#{$left}: 0.75em;
border-left: 1px solid #616161;
margin-left: 0.75em;
padding-left: 0.75em;
}
.last > .list_container {
border-#{$left}: 0 solid #616161;
border-left: 0 solid #616161;
}
}
/* Fast filter */
li.fast_filter {
padding-#{$left}: 0.75em;
margin-#{$left}: 0.75em;
padding-#{$right}: 15px;
border-#{$left}: 1px solid #616161;
padding-left: 0.75em;
margin-left: 0.75em;
padding-right: 15px;
border-left: 1px solid #616161;
input {
width: 100%;
@ -413,7 +413,7 @@ li.fast_filter {
span {
position: relative;
#{$right}: 1.5em;
right: 1.5em;
padding: 0.2em;
cursor: pointer;
font-weight: bold;
@ -422,8 +422,8 @@ li.fast_filter {
&.db_fast_filter {
border: 0;
margin-#{$left}: 0;
margin-#{$right}: 10px;
margin-left: 0;
margin-right: 10px;
}
}
@ -432,7 +432,7 @@ li.fast_filter {
}
#pma_navigation_collapse {
padding-#{$right}: 2px;
padding-right: 2px;
}
#navigation_controls_outer.activePointer {
@ -440,8 +440,8 @@ li.fast_filter {
}
#navigation_controls {
float: $right;
padding-#{$right}: 23px;
float: right;
padding-right: 23px;
}
/* Resize handler */
@ -452,7 +452,7 @@ li.fast_filter {
cursor: col-resize;
position: fixed;
top: 0;
#{$left}: $navi-width;
left: $navi-width;
z-index: 801;
}
@ -466,7 +466,7 @@ li.fast_filter {
color: #fff;
position: fixed;
top: 0;
#{$left}: $navi-width;
left: $navi-width;
text-align: center;
cursor: pointer;
z-index: 801;
@ -475,12 +475,12 @@ li.fast_filter {
/* Quick warp links */
.pma_quick_warp {
margin-top: 5px;
margin-#{$left}: 10px;
margin-left: 10px;
position: relative;
.drop_list {
float: $left;
margin-#{$left}: 3px;
float: left;
margin-left: 3px;
padding: 2px 0;
}
@ -506,8 +506,8 @@ li.fast_filter {
background: #fff;
border: 1px solid #ddd;
top: 100%;
#{$left}: 3px;
#{$right}: 0;
left: 3px;
right: 0;
display: none;
z-index: 802;
}
@ -534,8 +534,8 @@ li.fast_filter {
padding: 0.2em 0.3em;
&.favorite_table_anchor {
clear: $left;
float: $left;
clear: left;
float: left;
padding: 0.1em 0.3em 0;
}
}

View File

@ -7,7 +7,7 @@
// Body
body {
text-align: $left;
text-align: left;
}
// Forms

View File

@ -25,7 +25,7 @@ ul.resizable-menu {
display: none;
border: 1px #ddd solid;
z-index: 2;
#{$right}: 0;
right: 0;
}
li:hover ul,

View File

@ -27,7 +27,7 @@
&[type="checkbox"],
&[type="radio"] {
width: auto;
margin-#{$right}: 6px;
margin-right: 6px;
}
}

View File

@ -1,4 +0,0 @@
$color-scheme: blueeyes;
$direction: rtl;
@import "theme";

View File

@ -1,4 +0,0 @@
$color-scheme: mono;
$direction: rtl;
@import "theme";

View File

@ -1,4 +0,0 @@
$color-scheme: redmond;
$direction: rtl;
@import "theme";

View File

@ -1,4 +0,0 @@
$color-scheme: teal;
$direction: rtl;
@import "theme";

View File

@ -1,3 +0,0 @@
$direction: rtl;
@import "theme";

View File

@ -1,5 +1,4 @@
@import "font";
@import "../../pmahomme/scss/direction";
@import "variables";
@import "../../bootstrap/scss/bootstrap";
@import "common";

View File

@ -1,11 +1,6 @@
.alert {
text-align: $left;
@if $direction == rtl {
padding: 0.1em 40px 0.1em 0.1em;
} @else {
padding: 0.1em 0.1em 0.1em 40px;
}
text-align: left;
padding: 0.1em 0.1em 0.1em 40px;
h1 {
border-bottom: 2px solid;

View File

@ -1,6 +1,6 @@
.breadcrumb {
font-weight: bold;
padding-#{$left}: 2.2em;
padding-left: 2.2em;
}
.breadcrumb-item {

View File

@ -31,8 +31,8 @@
background: none;
border-top: none;
border-bottom: none;
border-#{$right}: none;
border-#{$left}: 0.3em solid $th-background;
border-right: none;
border-left: 0.3em solid $th-background;
> .card-header + .card-body {
padding-top: 1rem;

File diff suppressed because it is too large Load Diff

View File

@ -1,6 +1,6 @@
.icon {
margin: 0;
margin-#{$left}: 0.3em;
margin-left: 0.3em;
padding: 0 !important;
width: 16px;
height: 16px;

View File

@ -1,5 +1,5 @@
.list-group {
padding-#{$left}: 40px;
padding-left: 40px;
margin: 1rem 0 0;
}
@ -16,6 +16,6 @@
#li_select_theme {
&.list-group-item {
display: block;
margin-#{$left}: -20px;
margin-left: -20px;
}
}

View File

@ -13,7 +13,7 @@
}
img {
margin-#{$right}: 0.1em;
margin-right: 0.1em;
vertical-align: middle;
}
}

View File

@ -4,7 +4,7 @@
.navbar-nav .icon {
vertical-align: middle;
margin-#{$right}: 0.1em;
margin-right: 0.1em;
}
.navbar-nav .nav-item {

View File

@ -5,7 +5,7 @@
height: 100%;
position: absolute;
top: 0;
#{$left}: 0;
left: 0;
z-index: 0;
padding-bottom: 1em;
}
@ -17,9 +17,9 @@
overflow: hidden;
position: fixed;
top: 0;
#{$left}: 0;
left: 0;
height: 100vh;
border-#{$right}: 1px solid gray;
border-right: 1px solid gray;
z-index: 800;
ul {
@ -43,8 +43,8 @@
&.pageselector {
text-align: center;
margin: 0 0 0;
margin-#{$left}: 0.75em;
border-#{$left}: 1px solid #666;
margin-left: 0.75em;
border-left: 1px solid #666;
}
&#pmalogo {
@ -101,14 +101,14 @@
#pma_navigation_tree {
margin: 0;
margin-#{$left}: 1em;
margin-left: 1em;
color: #444;
height: 74%;
position: relative;
}
#pma_navigation_select_database {
text-align: $left;
text-align: left;
padding: 0 0 0;
border: 0;
margin: 0;
@ -116,7 +116,7 @@
#pma_navigation_db_select {
margin-top: 0.5em;
margin-#{$left}: 0.75em;
margin-left: 0.75em;
select {
background: url("../../pmahomme/img/select_bg.png") repeat scroll 0 0;
@ -166,13 +166,13 @@
}
.dbItemControls {
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
.navItemControls {
display: none;
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
@ -217,7 +217,7 @@
height: 1.5em;
min-width: 16px;
min-height: 16px;
float: $left;
float: left;
&.double {
width: 3em;
@ -231,18 +231,18 @@
min-height: 8px;
position: absolute;
bottom: 0.7em;
#{$left}: 0.75em;
left: 0.75em;
z-index: 0;
}
i {
border-#{$left}: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
position: relative;
z-index: 0;
&.first {
border-#{$left}: 0;
border-left: 0;
}
}
@ -250,38 +250,38 @@
display: block;
height: 0.75em;
bottom: 0;
#{$left}: 0.75em;
border-#{$left}: 1px solid #666;
left: 0.75em;
border-left: 1px solid #666;
}
a,
u {
position: absolute;
#{$left}: 50%;
left: 50%;
top: 50%;
z-index: 10;
}
a + a {
#{$left}: 100%;
left: 100%;
}
&.double {
a,
u {
#{$left}: 25%;
left: 25%;
}
a + a {
#{$left}: 70%;
left: 70%;
}
}
img {
position: relative;
top: -0.6em;
#{$left}: 0;
margin-#{$left}: -5px;
left: 0;
margin-left: -5px;
}
}
@ -295,36 +295,36 @@
i {
line-height: 1.5em;
height: 1.5em;
padding-#{$left}: 0.3em;
padding-left: 0.3em;
}
}
}
.list_container {
border-#{$left}: 1px solid #666;
margin-#{$left}: 0.75em;
padding-#{$left}: 0.75em;
border-left: 1px solid #666;
margin-left: 0.75em;
padding-left: 0.75em;
}
.last > .list_container {
border-#{$left}: 0 solid #666;
border-left: 0 solid #666;
}
}
li.fast_filter {
padding-#{$left}: 0.75em;
margin-#{$left}: 0.75em;
padding-#{$right}: 35px;
border-#{$left}: 1px solid #666;
padding-left: 0.75em;
margin-left: 0.75em;
padding-right: 35px;
border-left: 1px solid #666;
input {
padding-#{$right}: 1.7em;
padding-right: 1.7em;
width: 100%;
}
span {
position: relative;
#{$right}: 1.5em;
right: 1.5em;
padding: 0.2em;
cursor: pointer;
font-weight: bold;
@ -343,12 +343,12 @@ html.ie {
}
li.fast_filter input {
padding-#{$right}: 0.2em;
padding-right: 0.2em;
}
&.ie9 li.fast_filter input,
&.ie8 li.fast_filter input {
padding-#{$right}: 1.7em;
padding-right: 1.7em;
}
}
@ -364,7 +364,7 @@ li.fast_filter.db_fast_filter {
cursor: col-resize;
position: fixed;
top: 0;
#{$left}: $navi-width;
left: $navi-width;
z-index: 801;
}
@ -377,7 +377,7 @@ li.fast_filter.db_fast_filter {
font-weight: bold;
position: fixed;
top: 0;
#{$left}: $navi-width;
left: $navi-width;
text-align: center;
cursor: pointer;
z-index: 800;
@ -395,18 +395,18 @@ li.fast_filter.db_fast_filter {
}
#navigation_controls {
float: $right;
padding-#{$right}: 23px;
float: right;
padding-right: 23px;
}
.pma_quick_warp {
margin-top: 5px;
margin-#{$left}: 2px;
margin-left: 2px;
position: relative;
.drop_list {
float: $left;
margin-#{$left}: 3px;
float: left;
margin-left: 3px;
padding: 2px 0;
}
@ -434,8 +434,8 @@ li.fast_filter.db_fast_filter {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
top: 100%;
#{$left}: 3px;
#{$right}: 0;
left: 3px;
right: 0;
display: none;
z-index: 802;
}
@ -461,8 +461,8 @@ li.fast_filter.db_fast_filter {
padding: 0.1em 0.3em;
&.favorite_table_anchor {
clear: $left;
float: $left;
clear: left;
float: left;
padding: 0.1em 0.3em 0;
}
}

View File

@ -1,7 +1,7 @@
// Body
body {
text-align: $left;
text-align: left;
}
// Forms

View File

@ -1,3 +0,0 @@
$direction: rtl;
@import "theme";

View File

@ -1,4 +1,3 @@
@import "../../pmahomme/scss/direction";
@import "variables";
@import "../../bootstrap/scss/bootstrap";
@import "common";

View File

@ -1,16 +1,10 @@
.alert {
text-align: $left;
text-align: left;
-moz-box-shadow: 0 1px 1px #fff inset;
-webkit-box-shadow: 0 1px 1px #fff inset;
box-shadow: 0 1px 1px #fff inset;
@if $direction == rtl {
background-position: 99% 50%;
padding: 10px 35px 10px 10px;
} @else {
background-position: 10px 50%;
padding: 10px 10px 10px 10px;
}
background-position: 10px 50% #{"/* rtl:99% 50% */"};
padding: 10px 10px 10px 10px;
a {
text-decoration: underline;

View File

@ -1,5 +1,5 @@
.breadcrumb {
padding-#{$left}: 2.2em;
padding-left: 2.2em;
text-shadow: 0 1px 0 #000;
}

View File

@ -9,17 +9,10 @@
.card,
.card-footer {
@if $direction == rtl {
text-shadow: -1px 1px 2px #fff inset;
-moz-box-shadow: -1px 1px 2px #fff inset;
-webkit-box-shadow: -1px 1px 2px #fff inset;
box-shadow: -1px 1px 2px #fff inset;
} @else {
text-shadow: 1px 1px 2px #fff inset;
-moz-box-shadow: 1px 1px 2px #fff inset;
-webkit-box-shadow: 1px 1px 2px #fff inset;
box-shadow: 1px 1px 2px #fff inset;
}
text-shadow: 1px 1px 2px #fff inset;
-moz-box-shadow: 1px 1px 2px #fff inset;
-webkit-box-shadow: 1px 1px 2px #fff inset;
box-shadow: 1px 1px 2px #fff inset;
}
.card-header {
@ -66,16 +59,9 @@
.card {
background-color: $navi-background;
border: $card-border-width solid #999;
@if $direction == rtl {
-moz-box-shadow: -2px 2px 5px #ccc;
-webkit-box-shadow: -2px 2px 5px #ccc;
box-shadow: -2px 2px 5px #ccc;
} @else {
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 5px #ccc;
box-shadow: 2px 2px 5px #ccc;
}
-moz-box-shadow: 2px 2px 5px #ccc;
-webkit-box-shadow: 2px 2px 5px #ccc;
box-shadow: 2px 2px 5px #ccc;
> .card-header + .card-body {
padding-top: $card-spacer-x;

View File

@ -74,9 +74,9 @@ span {
.autocomplete-column-hint {
display: inline-block;
float: $right;
float: right;
color: #666;
margin-#{$left}: 1em;
margin-left: 1em;
}
.CodeMirror-hints {

File diff suppressed because it is too large Load Diff

View File

@ -40,7 +40,7 @@ $resize-img: '../img/designer/resize.png';
canvas.designer {
display: inline-block;
overflow: hidden;
text-align: $left;
text-align: left;
* {
behavior: url(#default#VML);
@ -130,8 +130,8 @@ canvas.designer {
text-decoration: none;
text-indent: 3px;
font-weight: bold;
margin-#{$left}: 2px;
text-align: $left;
margin-left: 2px;
text-align: left;
background-color: #fff;
background-image: url($left-panel-button-img);
border: #ccc solid 1px;
@ -145,7 +145,7 @@ canvas.designer {
white-space: nowrap;
text-decoration: none;
border: #99f solid 1px;
text-align: $left;
text-align: left;
}
}
@ -155,15 +155,15 @@ canvas.designer {
}
.option_tab {
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
width: 5px;
}
.select_all {
vertical-align: top;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
cursor: default;
width: 1px;
color: #000;
@ -179,8 +179,8 @@ canvas.designer {
cursor: default;
text-align: center;
font-weight: bold;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
width: 1px;
text-decoration: none;
@ -189,8 +189,8 @@ canvas.designer {
color: #fff;
background-color: #f96;
cursor: default;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
text-align: center;
font-weight: bold;
width: 1px;
@ -250,19 +250,19 @@ canvas.designer {
}
.frams1 {
background: url($frams1-img) no-repeat $right bottom;
background: url($frams1-img) no-repeat right bottom;
}
.frams2 {
background: url($frams2-img) no-repeat $left bottom;
background: url($frams2-img) no-repeat left bottom;
}
.frams3 {
background: url($frams3-img) no-repeat $left top;
background: url($frams3-img) no-repeat left top;
}
.frams4 {
background: url($frams4-img) no-repeat $right top;
background: url($frams4-img) no-repeat right top;
}
.frams5 {
@ -270,7 +270,7 @@ canvas.designer {
}
.frams6 {
background: url($frams6-img) repeat-y $left;
background: url($frams6-img) repeat-y left;
}
.frams7 {
@ -278,7 +278,7 @@ canvas.designer {
}
.frams8 {
background: url($frams8-img) repeat-y $right;
background: url($frams8-img) repeat-y right;
}
#osn_tab {
@ -297,8 +297,8 @@ canvas.designer {
background-image: url($top-panel-img);
background-position: top;
background-repeat: repeat-x;
border-#{$right}: #999 solid 1px;
border-#{$left}: #999 solid 1px;
border-right: #999 solid 1px;
border-left: #999 solid 1px;
height: 28px;
z-index: 101;
width: 100%;
@ -307,7 +307,7 @@ canvas.designer {
a,
span {
display: block;
float: $left;
float: left;
margin: 3px 1px 4px;
height: 20px;
border: 1px dotted #fff;
@ -315,7 +315,7 @@ canvas.designer {
.M_bord {
display: block;
float: $left;
float: left;
margin: 4px;
height: 20px;
width: 2px;
@ -323,11 +323,11 @@ canvas.designer {
a {
&.first {
margin-#{$right}: 1em;
margin-right: 1em;
}
&.last {
margin-#{$left}: 1em;
margin-left: 1em;
}
}
}
@ -356,18 +356,18 @@ a {
#layer_menu {
z-index: 98;
position: relative;
float: $right;
float: right;
background-color: #eaeef0;
border: #999 solid 1px;
&.left {
float: $left;
float: left;
}
}
#layer_upd_relation {
position: absolute;
#{$left}: 637px;
left: 637px;
top: 224px;
z-index: 100;
}
@ -375,7 +375,7 @@ a {
#layer_new_relation,
#designer_optionse {
position: absolute;
#{$left}: 636px;
left: 636px;
top: 85px;
z-index: 100;
width: 153px;
@ -393,7 +393,7 @@ a {
.panel {
position: fixed;
top: 60px;
#{$right}: 0;
right: 0;
width: 350px;
max-height: 500px;
display: none;
@ -407,7 +407,7 @@ a {
position: fixed;
text-decoration: none;
top: 60px;
#{$right}: 0;
right: 0;
color: #fff;
padding: 10px 40px 10px 15px;
background: #333 url($plus-img) 85% 55% no-repeat;
@ -460,12 +460,12 @@ a {
}
#foreignkeychk {
text-align: $left;
text-align: left;
cursor: pointer;
}
.side-menu {
float: $left;
float: left;
position: fixed;
width: auto;
height: auto;
@ -476,8 +476,8 @@ a {
padding: 2px;
&.right {
float: $right;
#{$right}: 0;
float: right;
right: 0;
}
.hide {
@ -493,7 +493,7 @@ a {
img,
.text {
float: $left;
float: left;
}
}
@ -510,5 +510,5 @@ a {
#container-form {
width: 100%;
position: absolute;
#{$left}: 0;
left: 0;
}

View File

@ -1,13 +0,0 @@
$direction: ltr !default;
@if $direction != ltr and $direction != rtl {
$direction: ltr;
}
$left: left;
$right: right;
@if $direction == rtl {
$left: right;
$right: left;
}

View File

@ -23,7 +23,7 @@ p.enum_notice {
vertical-align: middle;
width: 50%;
padding: 0 0 0;
padding-#{$left}: 1em;
padding-left: 1em;
}
}
@ -36,7 +36,7 @@ p.enum_notice {
input {
margin: 0.1em 0;
padding-#{$right}: 2em;
padding-right: 2em;
width: 100%;
}
@ -47,13 +47,13 @@ p.enum_notice {
input.add_value {
margin: 0;
margin-#{$right}: 0.4em;
margin-right: 0.4em;
}
}
#enum_editor_output textarea {
width: 100%;
float: $right;
float: right;
margin: 1em 0 0 0;
}
@ -65,7 +65,7 @@ p.enum_notice {
a {
position: absolute;
#{$left}: 81%;
left: 81%;
bottom: 0.35em;
}
}

View File

@ -2,7 +2,7 @@
* GIS data editor styles
*/
a.close_gis_editor {
float: $right;
float: right;
}
#gis_editor {

View File

@ -1,6 +1,6 @@
.icon {
margin: 0;
margin-#{$left}: 0.3em;
margin-left: 0.3em;
padding: 0 !important;
width: 16px;
height: 16px;

View File

@ -22,7 +22,7 @@
}
.jqplot-yaxis {
margin-#{$right}: 10px;
margin-right: 10px;
}
.jqplot-y2axis,
@ -34,8 +34,8 @@
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
margin-#{$left}: 10px;
margin-#{$right}: 10px;
margin-left: 10px;
margin-right: 10px;
}
// rules applied to all axis tick divs
@ -59,26 +59,26 @@
.jqplot-xaxis-tick {
top: 0;
// initial position untill tick is drawn in proper place
#{$left}: 15px;
left: 15px;
vertical-align: top;
}
.jqplot-x2axis-tick {
bottom: 0;
// initial position untill tick is drawn in proper place
#{$left}: 15px;
left: 15px;
vertical-align: bottom;
}
.jqplot-yaxis-tick {
#{$right}: 0;
right: 0;
// initial position untill tick is drawn in proper place
top: 15px;
text-align: $right;
text-align: right;
&.jqplot-breakTick {
#{$right}: -20px;
margin-#{$right}: 0;
right: -20px;
margin-right: 0;
padding: 1px 5px 1px;
z-index: 2;
font-size: 1.5em;
@ -93,10 +93,10 @@
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
#{$left}: 0;
left: 0;
// initial position untill tick is drawn in proper place
top: 15px;
text-align: $left;
text-align: left;
}
.jqplot-yMidAxis-tick {
@ -117,7 +117,7 @@
}
.jqplot-yaxis-label {
margin-#{$right}: 10px;
margin-right: 10px;
font-size: 11pt;
position: absolute;
}
@ -136,7 +136,7 @@
.jqplot-y8axis-label,
.jqplot-y9axis-label {
font-size: 11pt;
margin-#{$left}: 10px;
margin-left: 10px;
position: absolute;
}
@ -154,8 +154,8 @@ table {
&.jqplot-table-legend {
margin-top: 12px;
margin-bottom: 12px;
margin-#{$left}: 12px;
margin-#{$right}: 12px;
margin-left: 12px;
margin-right: 12px;
background-color: rgba(255, 255, 255, 0.6);
border: 1px solid #ccc;
position: absolute;
@ -209,7 +209,7 @@ div {
.jqplot-title {
top: 0;
#{$left}: 0;
left: 0;
padding-bottom: 0.5em;
font-size: 1.2em;
}
@ -259,8 +259,8 @@ div.jqplot-cursor-legend-swatch {
div {
&.jqplot-bubble-label {
font-size: 0.8em;
padding-#{$left}: 2px;
padding-#{$right}: 2px;
padding-left: 2px;
padding-right: 2px;
color: rgb(20%, 20%, 20%);
&.jqplot-bubble-label-highlight {

View File

@ -1,5 +1,5 @@
.list-group {
padding-#{$left}: 40px;
padding-left: 40px;
margin: 1rem 0;
}
@ -16,6 +16,6 @@
#li_select_theme {
&.list-group-item {
display: block;
margin-#{$left}: -20px;
margin-left: -20px;
}
}

View File

@ -1,7 +1,7 @@
.nav-pills {
.nav-link {
margin-#{$left}: 0;
margin-#{$right}: 6px;
margin-left: 0;
margin-right: 6px;
padding: 4px 10px;
font-weight: bold;
background: #f2f2f2;
@ -17,7 +17,7 @@
}
img {
margin-#{$right}: 0.5em;
margin-right: 0.5em;
vertical-align: -3px;
}
}

View File

@ -7,18 +7,18 @@
}
.navbar-nav .icon {
margin-#{$right}: 0.5em;
margin-right: 0.5em;
vertical-align: -3px;
}
.navbar-nav .nav-item {
background: linear-gradient(#fff, #dcdcdc);
border-#{$right}: 1px solid #fff;
border-#{$left}: 1px solid #ccc;
border-right: 1px solid #fff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
&:first-child {
border-#{$left}: 0;
border-left: 0;
}
&:hover {

View File

@ -3,7 +3,7 @@
width: $navi-width;
position: fixed;
top: 0;
#{$left}: 0;
left: 0;
height: 100vh;
background: url('../img/left_nav_bg.png') repeat-y right 0 $navi-background;
color: $navi-color;
@ -30,8 +30,8 @@
&.pageselector {
text-align: center;
margin: 0;
margin-#{$left}: 0.75em;
border-#{$left}: 1px solid #666;
margin-left: 0.75em;
border-left: 1px solid #666;
}
}
@ -71,7 +71,7 @@
height: 100%;
position: absolute;
top: 0;
#{$left}: 0;
left: 0;
z-index: 0;
> img.throbber {
@ -81,7 +81,7 @@
}
#pma_navigation_select_database {
text-align: $left;
text-align: left;
padding: 0 0 0;
border: 0;
margin: 0;
@ -89,7 +89,7 @@
#pma_navigation_db_select {
margin-top: 0.5em;
margin-#{$left}: 0.75em;
margin-left: 0.75em;
select {
background: url('../img/select_bg.png') repeat scroll 0 0;
@ -121,7 +121,7 @@
#pma_navigation_tree {
margin: 0;
margin-#{$left}: 5px;
margin-left: 5px;
overflow: hidden;
color: #444;
height: 74%;
@ -157,13 +157,13 @@
}
.dbItemControls {
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
.navItemControls {
display: none;
padding-#{$right}: 4px;
padding-right: 4px;
float: right;
}
@ -204,7 +204,7 @@
height: 1.5em;
min-width: 16px;
min-height: 16px;
float: $left;
float: left;
&.double {
width: 2.5em;
@ -218,21 +218,21 @@
min-height: 8px;
position: absolute;
bottom: 0.7em;
#{$left}: 0.75em;
left: 0.75em;
z-index: 0;
}
// Top and right segments for the tree element connections
i {
display: block;
border-#{$left}: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 1px solid #666;
position: relative;
z-index: 0;
// Removes top segment
&.first {
border-#{$left}: 0;
border-left: 0;
}
}
@ -241,44 +241,44 @@
display: block;
height: 0.75em;
bottom: 0;
#{$left}: 0.75em;
border-#{$left}: 1px solid #666;
left: 0.75em;
border-left: 1px solid #666;
}
a,
u {
position: absolute;
#{$left}: 50%;
left: 50%;
top: 50%;
z-index: 10;
}
a + a {
#{$left}: 100%;
left: 100%;
}
&.double {
a,
u {
#{$left}: 33%;
left: 33%;
}
a + a {
#{$left}: 85%;
left: 85%;
}
}
img {
position: relative;
top: -0.6em;
#{$left}: 0;
margin-#{$left}: -7px;
left: 0;
margin-left: -7px;
}
}
&.throbber img {
top: 2px;
#{$left}: 2px;
left: 2px;
}
}
@ -292,28 +292,28 @@
i {
line-height: 1.5em;
height: 1.5em;
padding-#{$left}: 0.3em;
padding-left: 0.3em;
}
}
}
.list_container {
border-#{$left}: 1px solid #666;
margin-#{$left}: 0.75em;
padding-#{$left}: 0.75em;
border-left: 1px solid #666;
margin-left: 0.75em;
padding-left: 0.75em;
}
.last > .list_container {
border-#{$left}: 0 solid #666;
border-left: 0 solid #666;
}
}
// Fast filter
li.fast_filter {
padding-#{$left}: 0.75em;
margin-#{$left}: 0.75em;
padding-#{$right}: 35px;
border-#{$left}: 1px solid #666;
padding-left: 0.75em;
margin-left: 0.75em;
padding-right: 35px;
border-left: 1px solid #666;
list-style: none;
input {
@ -321,14 +321,14 @@ li.fast_filter {
font-size: 0.7em;
padding-top: 2px;
padding-bottom: 2px;
padding-#{$left}: 4px;
padding-#{$right}: 1.7em;
padding-left: 4px;
padding-right: 1.7em;
width: 100%;
}
span {
position: relative;
#{$right}: 2.5em;
right: 2.5em;
padding: 0.2em;
cursor: pointer;
font-weight: bold;
@ -338,8 +338,8 @@ li.fast_filter {
&.db_fast_filter {
border: 0;
margin-#{$left}: 0;
margin-#{$right}: 10px;
margin-left: 0;
margin-right: 10px;
}
}
@ -351,7 +351,7 @@ html.ie {
}
input {
padding-#{$right}: 0.2em;
padding-right: 0.2em;
}
}
@ -363,7 +363,7 @@ html.ie {
}
input {
padding-#{$right}: 1.7em;
padding-right: 1.7em;
}
}
}
@ -378,8 +378,8 @@ html.ie {
}
#navigation_controls {
float: $right;
padding-#{$right}: 23px;
float: right;
padding-right: 23px;
}
// Resize handler
@ -390,7 +390,7 @@ html.ie {
cursor: col-resize;
position: fixed;
top: 0;
#{$left}: 240px;
left: 240px;
z-index: 801;
}
@ -403,7 +403,7 @@ html.ie {
font-weight: bold;
position: fixed;
top: 0;
#{$left}: $navi-width;
left: $navi-width;
text-align: center;
cursor: pointer;
z-index: 800;
@ -415,12 +415,12 @@ html.ie {
// Quick warp links
.pma_quick_warp {
margin-top: 5px;
margin-#{$left}: 2px;
margin-left: 2px;
position: relative;
.drop_list {
float: $left;
margin-#{$left}: 3px;
float: left;
margin-left: 3px;
padding: 2px 0;
&:hover {
@ -447,8 +447,8 @@ html.ie {
border-bottom-right-radius: 0;
box-shadow: 0 0 5px #ccc;
top: 100%;
#{$left}: 3px;
#{$right}: 0;
left: 3px;
right: 0;
display: none;
z-index: 802;
}
@ -472,8 +472,8 @@ html.ie {
padding: 0.2em 0.3em;
&.favorite_table_anchor {
clear: $left;
float: $left;
clear: left;
float: left;
padding: 0.1em 0.3em 0;
}
}

View File

@ -1,7 +1,7 @@
// Body
body {
text-align: $left;
text-align: left;
}
// Forms

View File

@ -24,7 +24,7 @@ ul.resizable-menu {
display: none;
border: 1px #ddd solid;
z-index: 2;
#{$right}: 0;
right: 0;
}
li:hover {

View File

@ -25,7 +25,7 @@
&[type=checkbox],
&[type=radio] {
width: auto;
margin-#{$right}: 6px;
margin-right: 6px;
}
}

View File

@ -5,7 +5,7 @@
}
th {
text-align: $left;
text-align: left;
}
td {
@ -14,7 +14,7 @@
}
thead th {
border-#{$right}: 1px solid #fff;
border-right: 1px solid #fff;
background-image: linear-gradient(#fff, #ccc);
}
}

View File

@ -1,3 +0,0 @@
$direction: rtl;
@import "theme";

View File

@ -1,4 +1,3 @@
@import "direction";
@import "variables";
@import "../../bootstrap/scss/bootstrap";
@import "common";