tablesort-indicator.css

Same filename in this branch
  1. 9 core/themes/claro/css/components/tablesort-indicator.css
  2. 9 core/themes/bartik/css/components/tablesort-indicator.css
Same filename in other branches
  1. 8.9.x core/themes/seven/css/components/tablesort-indicator.css
  2. 8.9.x core/themes/claro/css/components/tablesort-indicator.css
  3. 8.9.x core/themes/bartik/css/components/tablesort-indicator.css
  4. 10 core/themes/claro/css/components/tablesort-indicator.css
  5. 11.x core/themes/claro/css/components/tablesort-indicator.css

Tablesort indicator styles.

File

core/themes/seven/css/components/tablesort-indicator.css

View source 
  1. /**

  2.  * @file

  3.  * Tablesort indicator styles.

  4.  */

  5. 

  6. .tablesort {

  7.   float: right; /* LTR */

  8.   width: 10px;

  9.   height: 10px;

  10.   margin-top: 5px;

  11. }

  12. [dir="rtl"] .tablesort {

  13.   float: left;

  14. }

  15. .tablesort--asc {

  16.   background-image: url(../../../../misc/icons/004875/twistie-down.svg);

  17. }

  18. a:hover .tablesort--asc {

  19.   background-image: url(../../../../misc/icons/008ee6/twistie-down.svg);

  20. }

  21. .tablesort--desc {

  22.   background-image: url(../../../../misc/icons/004875/twistie-up.svg);

  23. }

  24. a:hover .tablesort--desc {

  25.   background-image: url(../../../../misc/icons/008ee6/twistie-up.svg);

  26. }

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