1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- /*
- Gitea's tailwind-style CSS helper classes have `gt-` prefix.
- Gitea's private styles use `g-` prefix.
- */
-
- .gt-word-break {
- word-wrap: break-word !important;
- word-break: break-word; /* compat: Safari */
- overflow-wrap: anywhere;
- }
-
- .gt-ellipsis {
- overflow: hidden !important;
- white-space: nowrap !important;
- text-overflow: ellipsis !important;
- }
-
- .g-table-auto-ellipsis td.auto-ellipsis {
- position: relative;
- }
-
- .g-table-auto-ellipsis td.auto-ellipsis span {
- position: absolute;
- left: 0;
- right: 0;
- top: 0;
- bottom: 0;
- padding: inherit;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- .interact-fg { color: inherit !important; }
- .interact-fg:hover { color: var(--color-primary) !important; }
- .interact-fg:active { color: var(--color-primary-active) !important; }
-
- .interact-bg { background: transparent !important; }
- .interact-bg:hover { background: var(--color-hover) !important; }
- .interact-bg:active { background: var(--color-active) !important; }
-
- /*
- tw-hidden must win all other "display: xxx !important" classes to get the chance to "hide" an element.
- do not use:
- * "[hidden]" attribute: it's too weak, can not be applied to an element with "display: flex"
- * ".hidden" class: it has been polluted by Fomantic UI in many cases
- * inline style="display: none": it's difficult to tweak
- * jQuery's show/hide/toggle: it can not show/hide elements with "display: xxx !important"
- only use:
- * this ".tw-hidden" class
- * showElem/hideElem/toggleElem functions in "utils/dom.js"
- */
- .tw-hidden.tw-hidden { display: none !important; }
-
- @media (max-width: 767.98px) {
- /* double selector so it wins over .tw-flex (old .gt-df) etc */
- .not-mobile.not-mobile {
- display: none !important;
- }
- }
- @media (min-width: 767.98px) {
- .only-mobile.only-mobile {
- display: none !important;
- }
- }
|