_comboboxes.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. /**************
  2. * ComboBoxes *
  3. **************/
  4. combobox {
  5. arrow {
  6. -gtk-icon-source: -gtk-icontheme('pan-down-symbolic');
  7. min-height: 16px;
  8. min-width: 16px;
  9. }
  10. &.linked {
  11. button:nth-child(2) {
  12. &:dir(ltr) { @extend %linked:last-child; }
  13. &:dir(rtl) { @extend %linked:first-child; }
  14. }
  15. }
  16. &:drop(active) { // FIXME: untested
  17. box-shadow: none;
  18. button.combo { @extend %button_basic:drop(active); }
  19. }
  20. }
  21. .linked > combobox > box > button.combo {
  22. // the combo is a composite widget so the way we do button linking doesn't
  23. // work, special case needed. See
  24. // https://bugzilla.gnome.org/show_bug.cgi?id=733979
  25. &:dir(ltr),
  26. &:dir(rtl) { @extend %linked_middle; } // specificity bump
  27. }
  28. .linked:not(.vertical) > combobox:first-child > box > button.combo { @extend %linked:first-child; }
  29. .linked:not(.vertical) > combobox:last-child > box > button.combo { @extend %linked:last-child; }
  30. .linked:not(.vertical) > combobox:only-child > box > button.combo {@extend %linked:only-child; }
  31. .linked.vertical > combobox > box > button.combo { @extend %linked_vertical_middle; }
  32. .linked.vertical > combobox:first-child > box > button.combo { @extend %linked_vertical:first-child;}
  33. .linked.vertical > combobox:last-child > box > button.combo { @extend %linked_vertical:last-child; }
  34. .linked.vertical > combobox:only-child > box > button.combo { @extend %linked_vertical:only-child; }