zotero/scss/components/_clicky.scss
Abe Jellinek 74492e40c4
Improve bidi & RTL support (#2415)
- Render cell text in its native direction
- Fix context menu positioning
- Fix item box (localizations needed)
- Fix column resizing
- Fix bidi text in collection tree
- Always right-align in RTL, always left-align in LTR.
  I'm going off advice from this excellent guide for RTL website design
  by Ahmad Shadeed: https://rtlstyling.com/posts/rtl-styling#tables
- Join creators in the tree ("Smith and Jones") using a format string to
  support languages like Arabic and Hebrew where there shouldn't be a
  space after the "and".
- Fix tabs
- Fix toolbar on Mac, flip icons on other platforms
2022-11-20 18:23:17 -05:00

57 lines
1.8 KiB
SCSS

.zotero-clicky {
border-radius: 6px;
border: 1px solid transparent;
}
/* Minus and plus buttons with clicky glow effect */
.zotero-clicky-minus, .zotero-clicky-plus {
color: transparent !important;
padding: 0 !important;
margin: 0 !important;
margin-inline-end: 5px !important;
width: 18px;
height: 18px;
}
.zotero-clicky-minus {
background: url(chrome://zotero/skin/minus.png) center/auto 18px no-repeat !important;
border: 0px !important;
}
.zotero-clicky-plus {
background: url(chrome://zotero/skin/plus.png) center/auto 18px no-repeat !important;
border: 0px !important;
}
.zotero-clicky-minus[disabled=true], .zotero-clicky-plus[disabled=true] {
opacity: .5;
}
.zotero-clicky-minus:not([disabled=true]):active {
background-image: url('chrome://zotero/skin/minus-active.png') !important;
}
.zotero-clicky-plus:not([disabled=true]):active {
background-image: url('chrome://zotero/skin/plus-active.png') !important;
}
.zotero-clicky:not([disabled=true]):not(.disabled):hover {
background: rgb(187, 206, 241);
border: 1px solid rgb(109, 149, 224);
}
.zotero-clicky:not([disabled=true]):not(.disabled):not(menulist):active,
.zotero-clicky[selected="true"],
.zotero-clicky.selected {
color: white;
background: rgb(89, 139, 236);
}
/* BEGIN 2X BLOCK -- DO NOT EDIT MANUALLY -- USE 2XIZE */
@media (min-resolution: 1.25dppx) {
.zotero-clicky-minus { background: url(chrome://zotero/skin/minus@2x.png) center/auto 18px no-repeat !important; }
.zotero-clicky-plus { background: url(chrome://zotero/skin/plus@2x.png) center/auto 18px no-repeat !important; }
.zotero-clicky-minus:not([disabled=true]):active { background-image: url('chrome://zotero/skin/minus-active@2x.png') !important; }
.zotero-clicky-plus:not([disabled=true]):active { background-image: url('chrome://zotero/skin/plus-active@2x.png') !important; }
}