diff options
| author | John Olheiser <42128690+jolheiser@users.noreply.github.com> | 2020-02-11 11:02:41 -0600 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-02-11 12:02:41 -0500 |
| commit | 86fdba177ad82f3dcdfc237631fef4588042b9d6 (patch) | |
| tree | 9ee1c1f97a158436e36828d1072fa84fac222317 /web_src/less/_repository.less | |
| parent | e704f7fae7b212902ddd2859d8f88350630b4086 (diff) | |
| download | gitea-86fdba177ad82f3dcdfc237631fef4588042b9d6.tar.gz gitea-86fdba177ad82f3dcdfc237631fef4588042b9d6.zip | |
Add Octicon SVG spritemap (#10107)
* Add octicon SVG sprite
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Static prefix
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* SVG for all repo icons
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* make vendor
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Swap out octicons
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Move octicons to top of less imports
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Fix JS
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Definitely not a search/replace
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Missed regex
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Move to more generic calls and webpack
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* make svg -> make webpack
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Remove svg-sprite
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Update tests
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Missed a test
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Remove svg from makefile
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Suggestions
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Attempt to fix test
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Update tests
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Revert timetracking test
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Swap .octicon for .svg in less
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Add aria-hidden
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Replace mega-octicon
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Fix webpack globbing on Windows
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Revert
Co-Authored-By: silverwind <me@silverwind.io>
* Fix octions from upstream
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Fix Vue and missed JS function
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Add JS helper and PWA
Signed-off-by: jolheiser <john.olheiser@gmail.com>
* Preload SVG
Signed-off-by: jolheiser <john.olheiser@gmail.com>
Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: techknowlogick <matti@mdranta.net>
Diffstat (limited to 'web_src/less/_repository.less')
| -rw-r--r-- | web_src/less/_repository.less | 50 |
1 files changed, 22 insertions, 28 deletions
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less index 7a84c7d636..bd2449ba1e 100644 --- a/web_src/less/_repository.less +++ b/web_src/less/_repository.less @@ -1,5 +1,4 @@ .repository { - @mega-octicon-width: 30px; padding-top: 15px; @@ -12,34 +11,29 @@ margin-top: 0; } - .mega-octicon { - width: @mega-octicon-width; - font-size: 30px; - } - .ui.huge.breadcrumb { font-weight: 400; font-size: 1.5rem; - i.mega-octicon { + svg { position: relative; top: 5px; } - i.octicon-lock { + svg.octicon-lock { margin-left: 5px; } } .fork-flag { - margin-left: @mega-octicon-width + 6px; + margin-left: 36px; margin-top: 3px; display: block; font-size: 12px; white-space: nowrap; } - .octicon.octicon-repo-forked { + .svg.octicon-repo-forked { margin-top: -1px; font-size: 15px; } @@ -135,7 +129,7 @@ border-bottom: 0; } - .ui.tabular .octicon { + .ui.tabular .svg { margin-right: 5px; } } @@ -147,13 +141,13 @@ padding: 0 8px; } - .octicon { + .svg { float: left; margin: 0 -7px 0 -5px; width: 16px; } - &.labels .octicon { + &.labels .svg { margin: -2px -7px 0 -5px; } @@ -325,7 +319,7 @@ } tbody { - .octicon { + .svg { margin-left: 3px; margin-right: 5px; color: #777777; @@ -456,7 +450,7 @@ .sidebar { padding-left: 0; - .octicon { + .svg { width: 16px; } } @@ -476,7 +470,7 @@ } .tabular.menu { - .octicon { + .svg { margin-right: 5px; } } @@ -637,7 +631,7 @@ &.tabular.menu { margin-bottom: 10px; - .octicon { + .svg { margin-right: 5px; } } @@ -675,7 +669,7 @@ text-align: center; vertical-align: middle; - .octicon { + .svg { width: 23px; font-size: 23px; margin-top: 0.45em; @@ -896,11 +890,11 @@ margin: 15px 0 15px 79px; padding-left: 25px; - & > .octicon:not(.issue-symbol) { + & > .svg:not(.issue-symbol) { text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff; } - & > .octicon.issue-symbol { + & > .svg.issue-symbol { font-size: 20px; margin-left: -35px; margin-right: -1px; @@ -935,7 +929,7 @@ } } - .octicon { + .svg { width: 30px; float: left; text-align: center; @@ -980,7 +974,7 @@ margin-top: 5px; margin-left: 35px; - .octicon { + .svg { &.octicon-git-commit { margin-top: 2px; } @@ -1104,7 +1098,7 @@ color: #999999; padding-top: 5px; - .issue-stats .octicon { + .issue-stats .svg { padding-left: 5px; } @@ -1150,7 +1144,7 @@ } .choose.branch { - .octicon { + .svg { padding-right: 10px; } } @@ -1617,7 +1611,7 @@ margin-top: 20px; > a { - .octicon { + .svg { margin-left: 5px; margin-right: 5px; } @@ -1730,7 +1724,7 @@ padding-top: 70px; padding-bottom: 100px; - .mega-octicon { + .svg { font-size: 48px; } } @@ -2232,11 +2226,11 @@ margin: 15px -1rem -1rem -1rem; } - > .mega-octicon { + > .svg { display: table-cell; } - > .mega-octicon + .content { + > .svg + .content { display: table-cell; padding: 0 0 0 0.5em; vertical-align: top; |