ace-rtl.less 20 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065
  1. //refer to CSS builder tool or build/rtl.js file
  2. @import "bootstrap/variables.less";
  3. @import "bootstrap/mixins.less";
  4. @import "ace-features.less";
  5. @import "variables.less";
  6. @import "mixins.less";
  7. .make-rtl {
  8. direction: rtl;
  9. text-align: right;
  10. }
  11. .make-ltr {
  12. direction: ltr;
  13. text-align: left;
  14. }
  15. .rtl {
  16. html& , body& {
  17. direction: rtl;
  18. text-align: right;
  19. overflow-x: hidden;
  20. }
  21. // .container.main-container {
  22. // padding: 0;
  23. // }
  24. .nav-scroll.scroll-active .scroll-track {
  25. right: auto;
  26. left: 0;
  27. }
  28. @media only screen and (max-width: @grid-float-breakpoint-max) {
  29. .navbar .navbar-nav > li, .navbar .navbar-nav > li:first-child {
  30. border-width: 1px 0 0;
  31. }
  32. }
  33. .dropdown-menu {
  34. text-align: right;
  35. }
  36. .ace-switch + .lbl , .knob-container {
  37. direction: ltr;
  38. text-align: left;
  39. }
  40. input.ace[type="checkbox"] + .lbl::before, input.ace[type="radio"] + .lbl::before,
  41. input.ace[type="checkbox"] ~ .lbl::before, input.ace[type="radio"] ~ .lbl::before //for ASP.NET too
  42. {
  43. margin-right: auto;
  44. margin-left: 1px;
  45. }
  46. input.ace + .lbl , input.ace ~ .lbl {//for ASP.NET too
  47. .checkbox-paddings-rtl() {// a little paddings for .lbl
  48. .checkbox-paddingX-rtl (@index) when (@index >= 0) {
  49. &.padding-@{index}::before {
  50. margin-left: unit(@index,px);
  51. }
  52. .checkbox-paddingX-rtl(@index - 4);
  53. }
  54. .checkbox-paddingX-rtl(16);
  55. }
  56. .checkbox-paddings-rtl();
  57. }
  58. .breadcrumb > li + li:before {
  59. content: "\f104";
  60. float: right;//
  61. }
  62. &.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  63. border-left-color: #A4C6DD;
  64. }
  65. .nav-list, .dropdown-menu, .item-list, .navbar-nav {
  66. margin: 0;
  67. }
  68. .ace-file-input .ace-file-container.selected {
  69. right: 0;
  70. }
  71. .ace-file-multiple .ace-file-container .ace-file-name {
  72. padding: 0;
  73. }
  74. .ui-slider-small .ui-slider-handle {
  75. right: auto;
  76. }
  77. li[class*="item-"] {
  78. border-left:1px solid #DDDDDD;
  79. }
  80. .itemdiv.dialogdiv > .body {
  81. margin-left: 12px;
  82. margin-right: 50px;
  83. border-left-width: 1px;
  84. &:before {
  85. .transform(rotate(45deg));
  86. }
  87. }
  88. .dropdown-colorpicker .dropdown-menu > li {
  89. float: right;
  90. }
  91. &.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
  92. &.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  93. border-left-color: #CCC;
  94. }
  95. &.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
  96. &.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
  97. border-left-color: #A4C6DD;
  98. }
  99. .sidebar + .main-content .breadcrumbs-fixed {
  100. left: 0;
  101. }
  102. @media (min-width: @screen-sm) {
  103. .container.main-container {
  104. .sidebar.compact + .main-content .breadcrumbs-fixed,
  105. .sidebar.menu-min + .main-content .breadcrumbs-fixed {
  106. left: auto;
  107. right: auto;
  108. }
  109. }
  110. }
  111. @media (min-width: max(@screen-fixed-breadcrumbs , @screen-compact-menu)) {
  112. .sidebar.menu-min, .sidebar.compact {
  113. + .main-content .breadcrumbs-fixed {
  114. left: 0;
  115. }
  116. }
  117. }
  118. @media (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
  119. .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a,
  120. .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
  121. margin-right: 20px !important;
  122. }
  123. }
  124. /**
  125. .navbar-fixed-top + .main-container {
  126. padding-top: @navbar-min-height;
  127. }
  128. @media (max-width: @screen-topbar-down) {
  129. .navbar-fixed-top + .main-container {
  130. padding-top: (@navbar-min-height * 2);
  131. }
  132. .navbar-fixed-top.navbar-collapse + .main-container {
  133. padding-top: @navbar-min-height;
  134. }
  135. }
  136. */
  137. @media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) {
  138. .breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
  139. left: 0 !important;
  140. }
  141. .container.main-container {
  142. .breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
  143. left: auto !important;
  144. }
  145. }
  146. }
  147. @media (max-width: @screen-xs-max) and (min-width: @screen-fixed-breadcrumbs) {
  148. .container.main-container {
  149. .breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
  150. left: 0 !important;
  151. }
  152. }
  153. }
  154. //if we don't do this, .arrow pointer will be a bit round in FireFox
  155. .sidebar:not(.h-sidebar) .nav-list > li.highlight.active > a {
  156. &:after {
  157. border-width: 20px 10px 21px !important;
  158. left: -20px !important;
  159. }
  160. &:before {
  161. border-width: 20px 10px 21px !important;
  162. left: -21px !important;
  163. }
  164. }
  165. @media (min-width: @grid-float-breakpoint) {
  166. &.no-skin .sidebar.h-sidebar .nav-list > li.active > .submenu {
  167. border-color: #CCC !important;
  168. }
  169. &.skin-3 .sidebar.h-sidebar .nav-list > li.active > .submenu {
  170. border-color: #A4C6DD !important;
  171. }
  172. }
  173. //the extra submenu dot
  174. .sidebar.menu-min .nav-list > li > .submenu:after {
  175. border-left-width: 0;
  176. border-right: 1px solid;
  177. border-right-color: inherit;
  178. display: block;
  179. right: -1px;
  180. left: auto;
  181. }
  182. .popover.bottom .arrow:after,
  183. .popover.top .arrow:after {
  184. margin-left: auto;
  185. margin-right: -10px;
  186. }
  187. .nav-tabs {
  188. margin: 0;
  189. }
  190. .tabs-below > .nav-tabs {
  191. margin-top: -1px;
  192. }
  193. .nav-tabs > li {
  194. float: right;
  195. }
  196. .nav-tabs > li:first-child > a {
  197. margin-left: -1px;
  198. margin-right: auto;
  199. }
  200. .tabs-left > .nav-tabs > li:first-child > a {
  201. margin-right: -1px;
  202. margin-left: auto;
  203. }
  204. .tabs-left > .nav-tabs > li.active > a {
  205. margin-left: -1px;
  206. margin-right: -1px;
  207. }
  208. .tabs-right > .nav-tabs > li.active > a {
  209. margin-left: -1px;
  210. margin-right: -2px;
  211. }
  212. .nav-tabs[class*="tab-color-"] > li > a {
  213. margin-right: 3px;
  214. margin-left: auto;
  215. }
  216. .nav-stacked > li {
  217. float: none;
  218. }
  219. .dropdown-navbar .nav-tabs > li > a:before {
  220. left: auto;
  221. right: 0;
  222. }
  223. .nav.nav-tabs {
  224. .navtab-paddingX-rtl (@index) when (@index > 0) {
  225. &.padding-@{index} { padding-left: 0; padding-right: unit(@index,px); }
  226. .tabs-right > &.padding-@{index} , .tabs-left > &.padding-@{index} { padding-right:0; }
  227. .navtab-paddingX-rtl(@index - 2);
  228. }
  229. .navtab-paddingX-rtl(32);
  230. }
  231. //page.inbox.less
  232. .message-navbar .messagebar-item-left ~ .nav-search {
  233. left: auto;
  234. }
  235. .message-navbar .messagebar-item-right ~ .nav-search {
  236. left: auto;
  237. right: 5px;
  238. }
  239. .message-navbar .messagebar-item-right ~ .nav-search {
  240. right: 60px;
  241. }
  242. .enable_navbar_dropdown_positions_rtl() when(@enable-navbar-dropdowns = true) {
  243. @media only screen and (max-width: @screen-xs-max) {
  244. .ace-nav > li:nth-last-child(4) > .dropdown-menu {
  245. right: auto;
  246. left: -100px;
  247. &:before, &:after {
  248. right: auto;
  249. left: 120px;
  250. }
  251. }
  252. .ace-nav > li:nth-last-child(3) > .dropdown-menu {
  253. right: auto;
  254. left: -80px;
  255. &:before, &:after {
  256. right: auto;
  257. left: 100px;
  258. }
  259. }
  260. //.user-menu.dropdown-close {
  261. //right: auto !important;
  262. //left: 0 !important;
  263. //}
  264. }
  265. @media only screen and (min-width: @screen-topbar-down-min) and (max-width: @screen-xs-max) {
  266. //if there's only one item except for user_info
  267. .navbar.navbar-collapse {
  268. .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu,
  269. .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu {
  270. left: -60px;
  271. right: auto;
  272. &:before, &:after {
  273. right: auto;
  274. left: 80px;
  275. }
  276. }
  277. }
  278. }
  279. @media only screen and (max-width: @screen-xs) {
  280. .ace-nav > li:nth-last-child(4) > .dropdown-menu {
  281. right: auto;
  282. left: -120px;
  283. &:before, &:after {
  284. right: auto;
  285. left: 140px;
  286. }
  287. }
  288. .ace-nav > li:nth-last-child(3) > .dropdown-menu {
  289. right: auto;
  290. left: -120px;
  291. &:before, &:after {
  292. right: auto;
  293. left: 110px;
  294. }
  295. }
  296. .ace-nav > li:nth-last-child(2) > .dropdown-menu {
  297. right: auto;
  298. left: -50px;
  299. &:before, &:after {
  300. right: auto;
  301. left: 70px;
  302. }
  303. }
  304. }
  305. @media only screen and (max-width: @screen-topbar-down) {
  306. .ace-nav > li:nth-last-child(4) > .dropdown-menu {
  307. left: auto;
  308. right: -10px;
  309. &:before, &:after {
  310. right: 30px;
  311. left: auto;
  312. }
  313. }
  314. .ace-nav > li:nth-last-child(3) > .dropdown-menu {
  315. left: auto;
  316. right: -50px;
  317. &:before, &:after {
  318. left: auto;
  319. right: 75px;
  320. }
  321. }
  322. .ace-nav > li:nth-last-child(2) > .dropdown-menu {
  323. left: auto;
  324. right: -70px;
  325. &:before, &:after {
  326. left: auto;
  327. right: 90px;
  328. }
  329. }
  330. }
  331. @media only screen and (max-width: @screen-mini-max) {
  332. //when there are only two items (apart from user menu)
  333. .ace-nav > li:nth-last-child(2) > .dropdown-menu {
  334. left: auto;
  335. right: -110px;
  336. &:before, &:after {
  337. left: auto;
  338. right: 130px;
  339. }
  340. }
  341. .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu {
  342. left: auto;
  343. right: -85px;
  344. &:before, &:after {
  345. left: auto;
  346. right: 105px;
  347. }
  348. }
  349. .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu {
  350. left: auto;
  351. right: -35px;
  352. &:before, &:after {
  353. left: auto;
  354. right: 55px;
  355. }
  356. }
  357. //when there is only one item (apart from user menu)
  358. .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu {
  359. left: auto;
  360. right: -60px;
  361. &:before, &:after {
  362. left: auto;
  363. right: 75px;
  364. }
  365. }
  366. }
  367. }
  368. .enable_navbar_dropdown_positions_rtl();
  369. .btn-group-vertical > .btn,
  370. .btn-group-vertical > .btn-group,
  371. .btn-group-vertical > .btn-group > .btn {
  372. float: none;
  373. }
  374. .input-group-addon:first-child {
  375. border-right: 1px solid #CCC;
  376. }
  377. .input-group-addon:last-child {
  378. border-left: 1px solid #CCC;
  379. }
  380. //footer
  381. .enable_footer_rtl() when (@enable-footer = true) {
  382. .footer .footer-inner {
  383. right: 0;
  384. left: 0;
  385. }
  386. .sidebar ~ .footer .footer-inner {
  387. right: @sidebar-width;
  388. left: 0;
  389. }
  390. @media (min-width: @screen-compact-menu) {
  391. .sidebar.compact ~ .footer .footer-inner {
  392. right: @sidebar-compact-width;
  393. left: 0;
  394. }
  395. }
  396. .sidebar.menu-min ~ .footer .footer-inner {
  397. right: @sidebar-min-width;
  398. left: 0;
  399. }
  400. @media (min-width: @grid-float-breakpoint) {
  401. .sidebar.h-sidebar ~ .footer .footer-inner {
  402. right: 0;
  403. left: 0;
  404. }
  405. }
  406. @media (max-width: @grid-float-breakpoint-max) {
  407. .footer .footer-inner , .sidebar ~ .footer .footer-inner, .sidebar.compact ~ .footer .footer-inner , .sidebar.menu-min ~ .footer .footer-inner {
  408. right: 0;
  409. left: 0;
  410. }
  411. .sidebar.responsive-min ~ .footer .footer-inner {
  412. right: @sidebar-min-width;
  413. left: 0;
  414. }
  415. }
  416. .enable_container_footer_rtl() when(@enable-container = true) {
  417. .container.main-container .footer .footer-inner {
  418. @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
  419. margin-right: auto;
  420. }
  421. @media (min-width: @screen-md-min) {
  422. margin-left: auto;
  423. margin-right: @sidebar-width;
  424. }
  425. @media (min-width: @screen-lg-min) {
  426. margin-left: auto;
  427. margin-right: @sidebar-width;
  428. }
  429. }
  430. .enable_compact_menu_footer_container_rtl() when (@enable-compact-menu = true) {
  431. .container.main-container .sidebar.compact ~ .footer .footer-inner {
  432. @media (min-width: max(@screen-compact-menu, @screen-md-min)) {
  433. margin-left: auto;
  434. margin-right: @sidebar-compact-width;
  435. }
  436. @media (min-width: max(@screen-compact-menu, @screen-lg-min)) {
  437. margin-left: auto;
  438. margin-right: @sidebar-compact-width;
  439. }
  440. }
  441. }
  442. .enable_compact_menu_footer_container_rtl();
  443. .enable_collapse_menu_footer_container_rtl() when (@enable-sidebar-collapse = true) {
  444. .container.main-container .sidebar.menu-min ~ .footer .footer-inner {
  445. @media (min-width: @screen-md-min) {
  446. margin-left: auto;
  447. margin-right: @sidebar-min-width;
  448. }
  449. @media (min-width: @screen-lg-min) {
  450. margin-left: auto;
  451. margin-right: @sidebar-min-width;
  452. }
  453. }
  454. }
  455. .enable_collapse_menu_footer_container_rtl();
  456. .enable_horizontal_menu_footer_container_rtl() when (@enable-horizontal-menu = true) {
  457. .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
  458. @media (min-width: @grid-float-breakpoint) {
  459. margin-right: 0;
  460. }
  461. @media (min-width: @screen-md-min) {
  462. margin-right: 0;
  463. }
  464. @media (min-width: @screen-lg-min) {
  465. margin-right: 0;
  466. }
  467. }
  468. }
  469. .enable_horizontal_menu_footer_container_rtl();
  470. .enable_responsive_min_menu_footer_container_rtl() when (@enable-minimized-responsive-menu = true) {
  471. .container.main-container .sidebar.responsive-min ~ .footer .footer-inner {
  472. @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
  473. margin-right: @sidebar-min-width;
  474. margin-left: auto;
  475. }
  476. }
  477. }
  478. .enable_responsive_min_menu_footer_container_rtl();
  479. }
  480. .enable_container_footer_rtl();
  481. .enable_footer_responsive_menu_push_rtl() when (@enable-responsive-menu = true) {
  482. @media only screen and (max-width: @grid-float-breakpoint-max) and (min-width: @screen-compact-menu) {
  483. .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away {
  484. &.display.compact ~ .footer .footer-inner {
  485. .transform(translateX(-@sidebar-compact-width));
  486. }
  487. }
  488. }
  489. @media only screen and (max-width: @grid-float-breakpoint-max) {
  490. .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away {
  491. &.display ~ .footer .footer-inner {
  492. .transform(translateX(-@sidebar-width));
  493. }
  494. &.display.menu-min ~ .footer .footer-inner {
  495. .transform(translateX(-@sidebar-min-width));
  496. }
  497. }
  498. }
  499. }
  500. .enable_footer_responsive_menu_push_rtl();
  501. }
  502. .enable_footer_rtl();
  503. //from previous version's RTL file
  504. blockquote {
  505. p , small {
  506. text-align:left;
  507. }
  508. small:before {
  509. content: "";
  510. }
  511. small:after {
  512. content: "\00A0 \2014";
  513. }
  514. }
  515. blockquote.pull-right, .blockquote-reverse {
  516. p , small {
  517. text-align:right;
  518. }
  519. small:after {
  520. content: "";
  521. }
  522. small:before {
  523. content: "\2014 \00A0";
  524. }
  525. }
  526. //thirdparty-calendar.less
  527. .fc-grid th {
  528. text-align: center;
  529. }
  530. .external-event {
  531. > .@{icon}:first-child {
  532. margin-right: 0;
  533. margin-left: 5px;
  534. border-right-width: 0;
  535. border-left: 1px solid #FFF;
  536. }
  537. }
  538. //thirdparty-colorbox.less
  539. #cboxCurrent {
  540. left: auto;
  541. right: 64px;
  542. }
  543. #cboxNext , #cboxPrevious {
  544. margin-left: 0;
  545. margin-right: 5px;
  546. }
  547. #cboxPrevious {
  548. left: auto;
  549. right: 27px;
  550. }
  551. #cboxNext {
  552. left: auto;
  553. right: 0;
  554. }
  555. //thirdparty-fuelux.less
  556. .ace-spinner .spinner-buttons > button.btn:active { left:auto; top:auto; }
  557. .wizard-steps {
  558. margin-right: 0;
  559. }
  560. .wizard-actions {
  561. text-align: left;
  562. }
  563. .wizard-steps li:first-child:before {
  564. right: 50%;
  565. left: auto;
  566. }
  567. .tree {
  568. padding-left: 0;
  569. padding-right: 9px;
  570. &:before {
  571. left: auto;
  572. right: 0;
  573. border-width: 0 1px 0 0;
  574. }
  575. .tree-folder {
  576. .tree-folder-header {
  577. .tree-folder-name {
  578. margin-left: 0;
  579. margin-right: 2px;
  580. }
  581. > .@{icon}:first-child {
  582. margin: -2px -2px 0 0;
  583. }
  584. }
  585. &:last-child:after {
  586. left: auto;
  587. right: -15px;
  588. border-left: none;
  589. border-right: 1px solid #FFF;
  590. }
  591. .tree-folder-content {
  592. margin-left: 0;
  593. margin-right: 23px;
  594. &:before {
  595. left: auto;
  596. right: -14px;
  597. border-width: 0 1px 0 0;
  598. }
  599. }
  600. }
  601. .tree-item {
  602. .tree-item-name {
  603. margin-left: 0;
  604. margin-right: 3px;
  605. > .@{icon}:first-child {
  606. margin-right: 0;
  607. margin-left: 3px;
  608. }
  609. }
  610. }
  611. .tree-folder , .tree-item {
  612. &:before {
  613. left: auto;
  614. right: -13px;
  615. }
  616. }
  617. .tree-loading {
  618. margin-left: 0;
  619. margin-right: 36px;
  620. }
  621. }
  622. //thirdpart-gritter.less
  623. #gritter-notice-wrapper {
  624. left: 20px;
  625. right:auto;
  626. }
  627. .gritter-close {
  628. right: auto;
  629. left: 3px;
  630. }
  631. .gritter-image {
  632. float: right;
  633. }
  634. .gritter-with-image , .gritter-without-image {
  635. float: left;
  636. }
  637. //thirdparty-wysiwyg.less
  638. .wysiwyg-toolbar {
  639. .dropdown-menu {
  640. text-align: right;
  641. }
  642. .wysiwyg-choose-file {
  643. margin-left: auto;
  644. }
  645. .btn-group > .btn, .btn-group > .inline > .btn {
  646. float: none;
  647. }
  648. }
  649. .wysiwyg-style1 , .wysiwyg-style2 {
  650. .btn-group:after{
  651. left: auto;
  652. border-left-width: 0;
  653. right: -2px;
  654. border-right: 1px solid #E1E6EA;
  655. }
  656. }
  657. .wysiwyg-toolbar {
  658. .dropdown-menu {
  659. input[type=text] {
  660. margin-left: 0;
  661. margin-right: 8px;
  662. }
  663. .btn {
  664. margin-right: 1px;
  665. margin-left: 8px;
  666. }
  667. }
  668. }
  669. .widget-body .md-header {
  670. margin-left: 0;
  671. margin-right: 9px;
  672. .btn-inverse {
  673. padding-right: 0;
  674. padding-left: 5px;
  675. }
  676. }
  677. .enable_plugin_select2_rtl() when(@enable-plugin-select2 = true) {
  678. //thirdparty-select2.less
  679. .select2-container .select2-choice {
  680. padding-left: 0;
  681. padding-right: 8px;
  682. }
  683. .select2-container.select2-allowclear .select2-choice .select2-chosen {
  684. margin-right: auto;
  685. margin-left: 42px;
  686. }
  687. .select2-container .select2-choice > .select2-chosen {
  688. margin-left: 26px;
  689. margin-right: auto;
  690. }
  691. .select2-container .select2-choice abbr {
  692. right: auto;
  693. left: 20px;
  694. }
  695. .select2-container .select2-choice .select2-arrow {
  696. right: auto;
  697. left: 0;
  698. }
  699. .select2-container .select2-choice .select2-arrow b:before {
  700. right: 5px;
  701. left: auto;
  702. }
  703. .select2-container-multi .select2-choices li {
  704. float: right;
  705. }
  706. .select2-container-multi .select2-choices .select2-search-choice {
  707. margin: 3px 5px 3px 0;
  708. padding: 3px 18px 3px 5px;
  709. }
  710. .select2-results {
  711. margin: 4px 0 4px 4px;
  712. }
  713. .select2-drop {
  714. input {
  715. padding-right: 5px;
  716. padding-left: 20px;
  717. }
  718. .select2-results {
  719. padding-right: 4px;
  720. padding-left: 0;
  721. }
  722. }
  723. .select2-search:after {
  724. right: -20px;
  725. left: auto;
  726. }
  727. .select2-search input.select2-active {
  728. background-position: 0%;
  729. }
  730. }
  731. .enable_plugin_select2_rtl();
  732. //thirdparty-editable
  733. .editable-buttons {
  734. margin-left: auto;
  735. margin-right: 1px;
  736. .btn {
  737. margin: 0 0 0 1px;
  738. }
  739. }
  740. //thirdparty-jquery-ui.less
  741. .ui-datepicker .ui-datepicker-prev:before {
  742. content: "\f061";
  743. }
  744. .ui-datepicker .ui-datepicker-next:before {
  745. content: "\f060";
  746. }
  747. .ui-menu .ui-menu-item .ui-menu-icon {
  748. float: left;
  749. left: 4px;
  750. right: auto;
  751. &:before {
  752. content: "\f104";
  753. }
  754. }
  755. .ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {
  756. left: 8px !important;
  757. right: auto !important;
  758. }
  759. .ui-tabs .ui-tabs-nav li {
  760. float: right;
  761. margin-right: 0;
  762. margin-left: 0.2em;
  763. a {
  764. float: right;
  765. }
  766. }
  767. .ui-tabs .ui-tabs-nav li.ui-state-default > a {
  768. margin-right: auto;
  769. margin-left: -1px;
  770. }
  771. .ui-accordion .ui-accordion-header {
  772. padding-right: 24px;
  773. padding-left: 8px;
  774. .ui-accordion-header-icon {
  775. position: absolute;
  776. left: auto;
  777. right: 10px;
  778. &:before {
  779. content: "\f0d9";
  780. }
  781. }
  782. &.ui-state-active .ui-accordion-header-icon:before {
  783. content: "\f0d7";
  784. }
  785. }
  786. //thirdparty-jqgrid.less
  787. .ui-jqgrid .ui-jqgrid-hdiv {
  788. border-width: 1px 1px 0 0;
  789. }
  790. .ui-jqgrid .ui-jqgrid-labels {
  791. th {
  792. border-right-width:0 !important;
  793. border-left: 1px solid #E1E1E1 !important;
  794. text-align: right !important;
  795. &:first-child {
  796. border-right: 1px solid #E1E1E1 !important;
  797. }
  798. }
  799. }
  800. .ui-jqgrid-labels th[id*="_cb"]:first-child {
  801. text-align: center !important;
  802. }
  803. .ui-jqgrid-sortable {
  804. padding-left: 0;
  805. padding-right: 4px;
  806. }
  807. .ui-jqdialog-content .searchFilter table {
  808. margin-left: auto;
  809. margin-right: 4px;
  810. }
  811. .ui-jqdialog-content .searchFilter {
  812. .add-group, .add-rule, .delete-group {
  813. margin-left: auto !important;
  814. margin-right: 4px !important;
  815. }
  816. }
  817. .ui-jqdialog-content {
  818. .CaptionTD {
  819. text-align: left;
  820. }
  821. }
  822. .ui-jqdialog .ui-widget-header{
  823. .ui-jqdialog-title {
  824. text-align: right;
  825. padding-left: 0;
  826. padding-right: 12px;
  827. float: right !important;
  828. }
  829. }
  830. //thirdparty-nestable.less
  831. .dd-list {
  832. margin-right: 0;
  833. .dd-list {
  834. padding-right: 30px;
  835. padding-left: 0;
  836. }
  837. }
  838. .dd2-handle + .dd2-content,
  839. .dd2-handle + .dd2-content[class*="btn-"]
  840. {
  841. padding-left: 0;
  842. padding-right: 44px;
  843. }
  844. .dd-item > button {
  845. float: right;
  846. margin: 5px 5px 5px 1px;
  847. left: auto;
  848. right: 1px;
  849. }
  850. .dd2-item.dd-item > button {
  851. margin-left: 5px;
  852. margin-right: 34px;
  853. }
  854. .dd-dragel {
  855. > li > .dd-handle {
  856. border-right: 2px solid #777;
  857. border-left-width: 0;
  858. }
  859. }
  860. .dd-list > li[class*="item-"] {
  861. border-left-width: 0;
  862. border-right-width: 0;
  863. > .dd-handle {
  864. border-right: 2px solid;
  865. border-right-color: inherit;
  866. border-left-color: #DAE2EA;
  867. border-left-width: 1px;
  868. }
  869. }
  870. .dd-list > li > .dd-handle .sticker {
  871. right: auto;
  872. left: 0;
  873. }
  874. .dd2-handle , .dd-dragel > li > .dd2-handle {
  875. left: auto;
  876. right: 0;
  877. border-width: 1px 0 0 1px;
  878. }
  879. //pretty print
  880. ol.linenums {
  881. margin-right: 33px;
  882. li {
  883. padding-left: 0;
  884. padding-right: 12px;
  885. }
  886. }
  887. .prettyprint.linenums {
  888. .box-shadow(~"-40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset");
  889. }
  890. .tt-dropdown-menu {
  891. text-align: right;
  892. direction: rtl;
  893. }
  894. }