Project

General

Profile

Feature #23980 » 02-using-mask.patch

Marius BĂLTEANU, 2024-07-22 23:38

View differences:

app/assets/stylesheets/application.css
4 4
 * This code is released under the GNU General Public License.
5 5
 */
6 6

  
7
 :root {
8
  --icon-add: url(/icons/add.svg);
9
  --icon-edit: url(/icons/edit.svg);
10
  --icon-copy: url(/icons/copy.svg);
11
  --icon-duplicate: url(/icons/duplicate.svg);
12
  --icon-delete: url(/icons/del.svg);
13
  --icon-move: url(/icons/move.svg);
14
  --icon-save: url(/icons/save.svg);
15
  --icon-download: url(/icons/download.svg);
16
  --icon-cancel: url(/icons/cancel.svg);
17
  --icon-multiple: url(/icons/table-multiple.svg);
18
  --icon-folder: url(/icons/folder.svg);
19
  --icon-folder-open: url(/icons/folder-open.svg);
20
  --icon-package: url(/icons/package.svg);
21
  --icon-user: url(/icons/user.svg);
22
  --icon-project: url(/icons/projects.svg);
23
  --icon-help: url(/icons/help.svg);
24
  --icon-attachment: url(/icons/attachment.svg);
25
  --icon-history: url(/icons/history.svg);
26
  --icon-time-entry: url(/icons/time.svg);
27
  --icon-time-add: url(/icons/time-add.svg);
28
  --icon-stats: url(/icons/stats.svg);
29
  --icon-warning: url(/icons/warning.svg);
30
  --icon-error: url(/icons/exclamation.svg);
31
  --icon-fav: url(/icons/fav.svg);
32
  --icon-fav-off: url(/icons/fav-off.svg);
33
  --icon-reload: url(/icons/reload.svg);
34
  --icon-lock: url(/icons/locked.svg);
35
  --icon-unlock: url(/icons/unlock.svg);
36
  --icon-checked: url(/icons/checked.svg);
37
  --icon-report: url(/icons/report.svg);
38
  --icon-comment: url(/icons/comment.svg);
39
  --icon-summary: url(/icons/lightning.svg);
40
  --icon-server-authentication: url(/icons/server-key.svg);
41
  --icon-issue: url(/icons/issue.svg);
42
  --icon-zoom-in: url(/icons/zoom-in.svg);
43
  --icon-zoom-out: url(/icons/zoom-out.svg);
44
  --icon-magnifier: url(/icons/magnifier.svg);
45
  --icon-passwd: url(/icons/textfield-key.svg);
46
  --icon-arrow-right: url(/icons/bullet-go.svg);
47
  --icon-email: url(/icons/email.svg);
48
  --icon-email-disabled: url(/icons/email-disabled.svg);
49
  --icon-email-add: url(/icons/email-add.svg);
50
  --icon-ok: url(/icons/true.svg);
51
  --icon-not-ok: url(/icons/false.svg);
52
  --icon-link-break: url(/icons/link-break.svg);
53
  --icon-list: url(/icons/text-list-bullets.svg);
54
  --icon-close: url(/icons/close.svg);
55
  --icon-close-hover: url(/icons/close-hl.svg);
56
  --icon-settings: url(/icons/settings.svg);
57
  --icon-group: url(/icons/group.svg);
58
  --icon-roles: url(/icons/database-key.svg);
59
  --icon-issue-edit: url(/icons/issue-edit.svg);
60
  --icon-workflows: url(/icons/workflows.svg);
61
  --icon-custom-fields: url(/icons/textfield.svg);
62
  --icon-plugins: url(/icons/plugin.svg);
63
  --icon-news: url(/icons/news.svg);
64
  --icon-issue-closed: url(/icons/issue-closed.svg);
65
  --icon-issue-note: url(/icons/issue-note.svg);
66
  --icon-changeset: url(/icons/changeset.svg);
67
  --icon-message: url(/icons/message.svg);
68
  --icon-reply: url(/icons/comments.svg);
69
  --icon-wiki-page: url(/icons/wiki-edit.svg);
70
  --icon-document: url(/icons/document.svg);
71
  --icon-add-bullet: url(/icons/bullet-add.svg);
72
  --icon-shared: url(/icons/link.svg);
73
  --icon-actions: url(/icons/3-bullets.svg);
74
  --icon-sort-handle: url(/icons/reorder.svg);
75
  --icon-expanded: url(/icons/arrow-down.svg);
76
  --icon-collapsed: url(/icons/arrow-right.svg);
77
  --icon-bookmark: url(/icons/tag-blue-delete.svg);
78
  --icon-bookmark-off: url(/icons/tag-blue-add.svg);
79
  --icon-bookmarked-project: url(/icons/tag-blue.svg);
80
  --icon-sorted-asc: url(/icons/arrow-down.svg);
81
  --icon-sorted-desc: url(/icons/arrow-up.svg);
82
  --icon-toggle-plus: url(/icons/bullet-toggle-plus.svg);
83
  --icon-toggle-minus: url(/icons/bullet-toggle-minus.svg);
84
  --icon-clear-query: url(/icons/close-hl.svg);
85
  --icon-import: url(/icons/import.svg);
86
  --icon-copy-link: url(/icons/copy-link.svg);
87
}
88

  
7 89
html, body { min-height: 100vh; }
8 90
html {overflow-y:scroll;}
9 91
body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }
......
238 320

  
239 321
.contextual .drdn-content {top:18px;}
240 322
.contextual .drdn-items {padding:2px; min-width: 160px;}
241
.contextual .drdn-items>a {padding: 5px 8px;}
242
.contextual .drdn-items>a.icon {padding-left: 24px; background-position-x: 4px;}
323
.contextual .drdn-items>a.icon {display: flex}
243 324
.contextual .drdn-items>a:hover {color:#2A5685; border:1px solid #628db6; background-color:#eef5fd; border-radius:3px;}
244 325

  
245 326
#project-jump.drdn {width:200px;display:inline-block;}
......
609 690
#issue-form .assign-to-me-link { padding-left: 5px; }
610 691

  
611 692
fieldset.collapsible {border-width: 1px 0 0 0;}
612
fieldset.collapsible>legend { cursor:pointer; padding-left: 18px; background-position: 4px;}
693
fieldset.collapsible>legend { cursor:pointer; padding-left: 4px; }
613 694

  
614 695
fieldset#date-range p { margin: 2px 0 2px 0; }
615 696

  
......
1621 1702
}
1622 1703

  
1623 1704
/***** Icons *****/
1624
.icon {
1705
.icon, .icon-only {
1625 1706
  display: inline-flex;
1626 1707

  
1627 1708
  &::before {
......
1636 1717
}
1637 1718

  
1638 1719
.icon-only {
1639
  background-position: 0% 50%;
1640
  background-repeat: no-repeat;
1641
  padding-left: 16px;
1642 1720
  display: inline-block;
1643
  width: 0;
1644
  height: 16px;
1721
  width: 14px;
1722
  height: 14px;
1645 1723
  overflow: hidden;
1646
  padding-top: 0;
1647
  padding-bottom: 0;
1648
  font-size: 8px;
1649
  vertical-align: middle;
1650 1724
}
1651 1725
.icon-only::after {
1652 1726
  content: "\a0";
1653 1727
}
1654 1728

  
1655
.icon-add::before { mask-image: url(/icons/icon-add.svg); }
1656
.icon-edit::before { mask-image: url(/icons/icon-edit.svg); }
1657
.icon-copy::before { mask-image: url(/icons/icon-copy.svg); }
1658
.icon-duplicate::before { mask-image: url(/icons/icon-duplicate.svg); }
1659
.icon-del::before { mask-image: url(/icons/icon-del.svg); }
1660
.icon-move { background-image: url(/move.png); }
1661
.icon-save { background-image: url(/save.png); }
1662
.icon-download { background-image: url(/download.png); }
1663
.icon-cancel { background-image: url(/cancel.png); }
1664
.icon-multiple { background-image: url(/table_multiple.png); }
1665
.icon-folder { background-image: url(/folder.png); }
1666
.open .icon-folder { background-image: url(/folder_open.png); }
1667
.icon-package { background-image: url(/package.png); }
1668
.icon-user { background-image: url(/user.png); }
1669
.icon-project, .icon-projects { background-image: url(/projects.png); }
1670
.icon-help { background-image: url(/help.png); }
1671
.icon-attachment  { background-image: url(/attachment.png); }
1672
.icon-history  { background-image: url(/history.png); }
1673
.icon-time-entry, .icon-time  { background-image: url(/time.png); }
1674
.icon-time-add  { background-image: url(/time_add.png); }
1675
.icon-stats  { background-image: url(/stats.png); }
1676
.icon-warning  { background-image: url(/warning.png); }
1677
.icon-error { background-image: url(/exclamation.png); }
1678
.icon-fav::before { mask-image: url(/icons/icon-fav.svg);  }
1679
.icon-fav-off::before { mask-image: url(/icons/icon-fav-off.svg); }
1680
.icon-reload  { background-image: url(/reload.png); }
1681
.icon-lock, .icon-locked  { background-image: url(/locked.png); }
1682
.icon-unlock  { background-image: url(/unlock.png); }
1683
.icon-checked  { background-image: url(/toggle_check.png); }
1684
.icon-report  { background-image: url(/report.png); }
1685
.icon-comment, .icon-comments  { background-image: url(/comment.png); }
1686
.icon-summary  { background-image: url(/lightning.png); }
1687
.icon-server-authentication { background-image: url(/server_key.png); }
1688
.icon-issue { background-image: url(/ticket.png); }
1689
.icon-zoom-in { background-image: url(/zoom_in.png); }
1690
.icon-zoom-out { background-image: url(/zoom_out.png); }
1691
.icon-magnifier { background-image: url(/magnifier.png); }
1692
.icon-passwd { background-image: url(/textfield_key.png); }
1693
.icon-arrow-right, .icon-test, .icon-sticky { background-image: url(/bullet_go.png); }
1694
.icon-email { background-image: url(/email.png); }
1695
.icon-email-disabled { background-image: url(/email_disabled.png); }
1696
.icon-email-add { background-image: url(/email_add.png); }
1697
.icon-ok { background-image: url(/true.png); }
1698
.icon-not-ok { background-image: url(/false.png); }
1699
.icon-link-break { background-image: url(/link_break.png); }
1700
.icon-list { background-image: url(/text_list_bullets.png); }
1701
.icon-close { background-image: url(/close.png); }
1702
.icon-close:hover { background-image: url(/close_hl.png); }
1703
.icon-settings { background-image: url(/changeset.png); }
1704
.icon-group, .icon-groupnonmember, .icon-groupanonymous { background-image: url(/group.png); }
1705
.icon-roles { background-image: url(/database_key.png); }
1706
.icon-issue-edit { background-image: url(/ticket_edit.png); }
1707
.icon-workflows { background-image: url(/ticket_go.png); }
1708
.icon-custom-fields { background-image: url(/textfield.png); }
1709
.icon-plugins { background-image: url(/plugin.png); }
1710
.icon-news { background-image: url(/news.png); }
1711
.icon-issue-closed { background-image: url(/ticket_checked.png); }
1712
.icon-issue-note { background-image: url(/ticket_note.png); }
1713
.icon-changeset { background-image: url(/changeset.png); }
1714
.icon-message { background-image: url(/message.png); }
1715
.icon-reply { background-image: url(/comments.png); }
1716
.icon-wiki-page { background-image: url(/wiki_edit.png); }
1717
.icon-document { background-image: url(/document.png); }
1718
.icon-project { background-image: url(/projects.png); }
1719
.icon-add-bullet { background-image: url(/bullet_add.png); }
1720
.icon-shared { background-image: url(/link.png); }
1721
.icon-actions { background-image: url(/3_bullets.png); }
1722
.icon-sort-handle { background-image: url(/reorder.png); }
1723
.icon-expanded { background-image: url(/arrow_down.png); }
1724
.icon-collapsed { background-image: url(/arrow_right.png); }
1725
.icon-bookmark { background-image: url(/tag_blue_delete.png); }
1726
.icon-bookmark-off { background-image: url(/tag_blue_add.png); }
1727
.icon-bookmarked-project { background-image: url(/tag_blue.png); }
1728
.icon-sorted-asc { background-image: url(/arrow_down.png); }
1729
.icon-sorted-desc { background-image: url(/arrow_up.png); }
1730
.icon-toggle-plus { background-image: url(/bullet_toggle_plus.png) }
1731
.icon-toggle-minus { background-image: url(/bullet_toggle_minus.png) }
1732
.icon-clear-query { background-image: url(/close_hl.png); }
1733
.icon-import { background-image: url(/database_go.png); }
1729
.icon-add::before { mask-image: var(--icon-add); }
1730
.icon-edit::before { mask-image: var(--icon-edit); }
1731
.icon-copy::before { mask-image: var(--icon-copy); }
1732
.icon-duplicate::before { mask-image: var(--icon-duplicate); }
1733
.icon-del::before { mask-image: var(--icon-delete); }
1734
.icon-move::before { mask-image: var(--icon-move); }
1735
.icon-save::before { mask-image: var(--icon-save); }
1736
.icon-download::before { mask-image: var(--icon-download); }
1737
.icon-cancel::before { mask-image: var(--icon-cancel); }
1738
.icon-multiple::before { mask-image: var(--icon-multiple); }
1739
.icon-folder::before { mask-image: var(--icon-folder); }
1740
.open .icon-folder::before { mask-image: var(--icon-folder-open); }
1741
.icon-package::before { mask-image: var(--icon-package); }
1742
.icon-user::before { mask-image: var(--icon-user); }
1743
.icon-project::before, .icon-projects::before { mask-image: var(--icon-project); }
1744
.icon-help::before { mask-image: var(--icon-help); }
1745
.icon-attachment::before { mask-image: var(--icon-attachment); }
1746
.icon-history::before { mask-image: var(--icon-history); }
1747
.icon-time-entry::before, .icon-time::before { mask-image: var(--icon-time-entry); }
1748
.icon-time-add::before { mask-image: var(--icon-time-add); }
1749
.icon-stats::before { mask-image: var(--icon-stats); }
1750
.icon-warning::before { mask-image: var(--icon-warning); }
1751
.icon-error::before { mask-image: var(--icon-error); }
1752
.icon-fav::before { mask-image: var(--icon-fav); }
1753
.icon-fav-off::before { mask-image: var(--icon-fav-off); }
1754
.icon-reload::before { mask-image: var(--icon-reload); }
1755
.icon-lock::before, .icon-locked::before { mask-image: var(--icon-lock); }
1756
.icon-unlock::before { mask-image: var(--icon-unlock); }
1757
.icon-checked::before { mask-image: var(--icon-checked); }
1758
.icon-report::before { mask-image: var(--icon-report); }
1759
.icon-comment::before, .icon-comments::before { mask-image: var(--icon-comment); }
1760
.icon-summary::before { mask-image: var(--icon-summary); }
1761
.icon-server-authentication::before { mask-image: var(--icon-server-authentication); }
1762
.icon-issue::before { mask-image: var(--icon-issue); }
1763
.icon-zoom-in::before { mask-image: var(--icon-zoom-in); }
1764
.icon-zoom-out::before { mask-image: var(--icon-zoom-out); }
1765
.icon-magnifier::before { mask-image: var(--icon-magnifier); }
1766
.icon-passwd::before { mask-image: var(--icon-passwd); }
1767
.icon-arrow-righ::before, .icon-test::before, .icon-sticky::before { mask-image: var(--icon-arrow-right); }
1768
.icon-email::before { mask-image: var(--icon-email); }
1769
.icon-email-disabled::before { mask-image: var(--icon-email-disabled); }
1770
.icon-email-add::before { mask-image: var(--icon-email-add); }
1771
.icon-ok::before { mask-image: var(--icon-ok); }
1772
.icon-not-ok::before { mask-image: var(--icon-not-ok); }
1773
.icon-link-break::before { mask-image: var(--icon-link-break); }
1774
.icon-list::before { mask-image: var(--icon-list); }
1775
.icon-close::before { mask-image: var(--icon-close); }
1776
.icon-close:hover::before { mask-image: var(--icon-close-hover); }
1777
.icon-settings::before { mask-image: var(--icon-settings); }
1778
.icon-group::before, .icon-groupnonmember::before, .icon-groupanonymous::before { mask-image: var(--icon-group); }
1779
.icon-roles::before { mask-image: var(--icon-roles); }
1780
.icon-issue-edit::before { mask-image: var(--icon-issue-edit); }
1781
.icon-workflows::before { mask-image: var(--icon-workflows); }
1782
.icon-custom-fields::before { mask-image: var(--icon-custom-fields); }
1783
.icon-plugins::before { mask-image: var(--icon-plugins); }
1784
.icon-news::before { mask-image: var(--icon-news); }
1785
.icon-issue-closed::before { mask-image: var(--icon-issue-closed); }
1786
.icon-issue-note::before { mask-image: var(--icon-issue-note); }
1787
.icon-changeset::before { mask-image: var(--icon-changeset); }
1788
.icon-message::before { mask-image: var(--icon-message); }
1789
.icon-reply::before { mask-image: var(--icon-reply); }
1790
.icon-wiki-page::before { mask-image: var(--icon-wiki-page); }
1791
.icon-document::before { mask-image: var(--icon-document); }
1792
.icon-project::before { mask-image: var(--icon-project); }
1793
.icon-add-bullet::before { mask-image: var(--icon-add-bullet); }
1794
.icon-shared::before { mask-image: var(--icon-shared); }
1795
.icon-actions::before { mask-image: var(--icon-actions); }
1796
.icon-sort-handle::before { mask-image: var(--icon-sort-handle); }
1797
.icon-expanded::before { mask-image: var(--icon-expanded); }
1798
.icon-collapsed::before { mask-image: var(--icon-collapsed); }
1799
.icon-bookmark::before { mask-image: var(--icon-bookmark); }
1800
.icon-bookmark-off::before { mask-image: var(--icon-bookmark-off); }
1801
.icon-bookmarked-project::before { mask-image: var(--icon-bookmarked-project); }
1802
.icon-sorted-asc::before { mask-image: var(--icon-sorted-asc); }
1803
.icon-sorted-desc::before { mask-image: var(--icon-sorted-desc); }
1804
.icon-toggle-plus::before { mask-image: var(--icon-toggle-plus); }
1805
.icon-toggle-minus::before { mask-image: var(--icon-toggle-minus); }
1806
.icon-clear-query::before { mask-image: var(--icon-clear-query); }
1807
.icon-import::before { mask-image: var(--icon-import); }
1808
.icon-copy-link::before { mask-image: var(--icon-copy-link); }
1734 1809

  
1735 1810
.icon-file { background-image: url(/files/default.png); }
1736 1811
.icon-file.text-plain { background-image: url(/files/text.png); }
......
1750 1825
.icon-file.application-pdf { background-image: url(/files/pdf.png); }
1751 1826
.icon-file.application-zip { background-image: url(/files/zip.png); }
1752 1827
.icon-file.application-gzip { background-image: url(/files/zip.png); }
1753
.icon-copy-link { background-image: url(/copy_link.png); }
1754 1828

  
1755 1829
.sort-handle.ajax-loading { background-image: url(/loading.gif); }
1756 1830
tr.ui-sortable-helper { border:1px solid #e4e4e4; }
(31-31/32)