1
1
mirror of https://github.com/go-gitea/gitea synced 2025-07-22 10:18:38 +00:00

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>
This commit is contained in:
John Olheiser
2020-02-11 11:02:41 -06:00
committed by GitHub
parent e704f7fae7
commit 86fdba177a
112 changed files with 1387 additions and 1122 deletions

View File

@@ -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;