locale.admin.css

Same filename in this branch
  1. 10 core/modules/locale/css/locale.admin.css
Same filename and directory in other branches
  1. 11.x core/themes/stable9/css/locale/locale.admin.css
  2. 11.x core/modules/locale/css/locale.admin.css
  3. 9 core/themes/stable9/css/locale/locale.admin.css
  4. 9 core/themes/stable/css/locale/locale.admin.css
  5. 9 core/modules/locale/css/locale.admin.css
  6. 8.9.x core/themes/stable/css/locale/locale.admin.css
  7. 8.9.x core/modules/locale/css/locale.admin.css
.locale-translate-filter-form .details-wrapper {
  overflow: hidden;
}
.locale-translate-filter-form .form-item-langcode,
.locale-translate-filter-form .form-item-translation,
.locale-translate-filter-form .form-item-customized {
  float: left; /* LTR */
  /**
   * In Opera 9, DOM elements with the property of "overflow: auto"
   * will partially hide its contents with unnecessary scrollbars when
   * its immediate child is floated without an explicit width set.
   */
  width: 15em;
  margin-right: 1em; /* LTR */
  margin-bottom: 0;
}
[dir="rtl"] .locale-translate-filter-form .form-item-langcode,
[dir="rtl"] .locale-translate-filter-form .form-item-translation,
[dir="rtl"] .locale-translate-filter-form .form-item-customized {
  float: right;
  margin-right: 0;
  margin-left: 1em;
}
.locale-translate-filter-form .form-type-select select {
  width: 100%;
}
.locale-translate-filter-form .form-actions {
  float: left; /* LTR */
  padding: 3.8ex 0 0 0; /* LTR */
}
[dir="rtl"] .locale-translate-filter-form .form-actions {
  float: right;
  padding: 3.5ex 0 0 0;
}
.locale-translate-edit-form th {
  width: 50%;
  table-layout: fixed;
}
.locale-translate-edit-form td {
  vertical-align: top;
}

.locale-translate-edit-form tr.changed {
  background: #ffb;
}

.locale-translate-edit-form tr .form-type-item .ajax-changed {
  position: absolute;
}

.locale-translate-filter-form .form-wrapper {
  margin-bottom: 0;
}

.locale-translate-edit-form table.changed {
  margin-top: 0;
}

/**
 * Available translation updates page.
 */
#locale-translation-status-form table {
  table-layout: fixed;
}
#locale-translation-status-form th.select-all {
  width: 4%;
}
#locale-translation-status-form th.title {
  width: 25%;
}
#locale-translation-status-form td {
  vertical-align: top;
}
.locale-translation-update__wrapper {
  margin-inline-start: -12px;
  padding-inline-start: 12px;
  background: transparent url(../../../misc/menu-collapsed.png) left 0.6em no-repeat; /* LTR */
}
[dir="rtl"] .locale-translation-update__wrapper {
  background: transparent url(../../../misc/menu-collapsed-rtl.png) right 0.6em no-repeat; /* LTR */
}
.expanded .locale-translation-update__wrapper {
  background: transparent url(../../../misc/menu-expanded.png) left 0.6em no-repeat;
}
[dir="rtl"] .expanded .locale-translation-update__wrapper {
  background-position: right 0.6em;
}
#locale-translation-status-form .description {
  cursor: pointer;
}
.locale-translation-update__wrapper {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #5c5c5b;
  line-height: 20px;
}
.expanded .locale-translation-update__wrapper {
  overflow: visible;
  height: auto;
  white-space: normal;
}
.expanded .locale-translation-update__message {
  -webkit-hyphens: auto;
  hyphens: auto;
}
.js .locale-translation-update__wrapper {
  height: 20px;
}
.expanded .locale-translation-update__wrapper {
  overflow: visible;
  height: auto;
  white-space: normal;
}
.locale-translation-update__details {
  max-width: 490px;
  padding: 5px 0;
  white-space: normal;
  color: #666;
  font-size: 0.9em;
}
.locale-translation-update__details ul {
  margin: 0;
  padding: 0;
}
.locale-translation-update__details li {
  margin: 0 0 0.25em 1.5em;
  padding: 0;
}

@media screen and (max-width: 40em) {
  #locale-translation-status-form th.title {
    width: 20%;
  }
  #locale-translation-status-form th.status {
    width: 40%;
  }
}

File

View on git.drupalcode.org

core/themes/stable9/css/locale/locale.admin.css

View source 
  1. .locale-translate-filter-form .details-wrapper {

  2.   overflow: hidden;

  3. }

  4. .locale-translate-filter-form .form-item-langcode,

  5. .locale-translate-filter-form .form-item-translation,

  6. .locale-translate-filter-form .form-item-customized {

  7.   float: left; /* LTR */

  8.   /**

  9.    * In Opera 9, DOM elements with the property of "overflow: auto"

  10.    * will partially hide its contents with unnecessary scrollbars when

  11.    * its immediate child is floated without an explicit width set.

  12.    */

  13.   width: 15em;

  14.   margin-right: 1em; /* LTR */

  15.   margin-bottom: 0;

  16. }

  17. [dir="rtl"] .locale-translate-filter-form .form-item-langcode,

  18. [dir="rtl"] .locale-translate-filter-form .form-item-translation,

  19. [dir="rtl"] .locale-translate-filter-form .form-item-customized {

  20.   float: right;

  21.   margin-right: 0;

  22.   margin-left: 1em;

  23. }

  24. .locale-translate-filter-form .form-type-select select {

  25.   width: 100%;

  26. }

  27. .locale-translate-filter-form .form-actions {

  28.   float: left; /* LTR */

  29.   padding: 3.8ex 0 0 0; /* LTR */

  30. }

  31. [dir="rtl"] .locale-translate-filter-form .form-actions {

  32.   float: right;

  33.   padding: 3.5ex 0 0 0;

  34. }

  35. .locale-translate-edit-form th {

  36.   width: 50%;

  37.   table-layout: fixed;

  38. }

  39. .locale-translate-edit-form td {

  40.   vertical-align: top;

  41. }

  42. 

  43. .locale-translate-edit-form tr.changed {

  44.   background: #ffb;

  45. }

  46. 

  47. .locale-translate-edit-form tr .form-type-item .ajax-changed {

  48.   position: absolute;

  49. }

  50. 

  51. .locale-translate-filter-form .form-wrapper {

  52.   margin-bottom: 0;

  53. }

  54. 

  55. .locale-translate-edit-form table.changed {

  56.   margin-top: 0;

  57. }

  58. 

  59. /**

  60.  * Available translation updates page.

  61.  */

  62. #locale-translation-status-form table {

  63.   table-layout: fixed;

  64. }

  65. #locale-translation-status-form th.select-all {

  66.   width: 4%;

  67. }

  68. #locale-translation-status-form th.title {

  69.   width: 25%;

  70. }

  71. #locale-translation-status-form td {

  72.   vertical-align: top;

  73. }

  74. .locale-translation-update__wrapper {

  75.   margin-inline-start: -12px;

  76.   padding-inline-start: 12px;

  77.   background: transparent url(../../../misc/menu-collapsed.png) left 0.6em no-repeat; /* LTR */

  78. }

  79. [dir="rtl"] .locale-translation-update__wrapper {

  80.   background: transparent url(../../../misc/menu-collapsed-rtl.png) right 0.6em no-repeat; /* LTR */

  81. }

  82. .expanded .locale-translation-update__wrapper {

  83.   background: transparent url(../../../misc/menu-expanded.png) left 0.6em no-repeat;

  84. }

  85. [dir="rtl"] .expanded .locale-translation-update__wrapper {

  86.   background-position: right 0.6em;

  87. }

  88. #locale-translation-status-form .description {

  89.   cursor: pointer;

  90. }

  91. .locale-translation-update__wrapper {

  92.   overflow: hidden;

  93.   white-space: nowrap;

  94.   text-overflow: ellipsis;

  95.   color: #5c5c5b;

  96.   line-height: 20px;

  97. }

  98. .expanded .locale-translation-update__wrapper {

  99.   overflow: visible;

  100.   height: auto;

  101.   white-space: normal;

  102. }

  103. .expanded .locale-translation-update__message {

  104.   -webkit-hyphens: auto;

  105.   hyphens: auto;

  106. }

  107. .js .locale-translation-update__wrapper {

  108.   height: 20px;

  109. }

  110. .expanded .locale-translation-update__wrapper {

  111.   overflow: visible;

  112.   height: auto;

  113.   white-space: normal;

  114. }

  115. .locale-translation-update__details {

  116.   max-width: 490px;

  117.   padding: 5px 0;

  118.   white-space: normal;

  119.   color: #666;

  120.   font-size: 0.9em;

  121. }

  122. .locale-translation-update__details ul {

  123.   margin: 0;

  124.   padding: 0;

  125. }

  126. .locale-translation-update__details li {

  127.   margin: 0 0 0.25em 1.5em;

  128.   padding: 0;

  129. }

  130. 

  131. @media screen and (max-width: 40em) {

  132.   #locale-translation-status-form th.title {

  133.     width: 20%;

  134.   }

  135.   #locale-translation-status-form th.status {

  136.     width: 40%;

  137.   }

  138. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.