[start page] connection svg sprites

This commit is contained in:
OVSharova
2023-10-16 06:21:57 +03:00
parent 42b52bec2b
commit d5a1528b1c
7 changed files with 30 additions and 36 deletions

2
.gitignore vendored
View File

@ -30,7 +30,7 @@ win-linux/package/linux/tar
/common/loginpage/res/img/allconnect.svg
/common/loginpage/res/img/allwelcome.svg
/common/loginpage/res/img/format.svg
/common/loginpage/res/img/formats.svg
/common/loginpage/res/img/common.svg
common/loginpage/build/plugins/*

View File

@ -6,26 +6,18 @@ module.exports = (grunt, rootpathprefix) => {
options: {
svg: {
rootAttributes: {
//xmlns:'http://www.w3.org/2000/svg',
xmlns:'http://www.w3.org/2000/svg',
fill: 'none',
},
},
shape: {
id: {
separator: ""
},
transform: [{
svgo: {
plugins: [
'removeXMLNS',
{
name: "removeAttrs",
params: {
attrs: "(fill|stroke)"
}
},
]
},
}]
transform: [],
dimension: {
attributes: true
}
},
mode: {
symbol: {
@ -43,7 +35,7 @@ module.exports = (grunt, rootpathprefix) => {
sprite: `allconnect.svg`,
},
},
}
},
},
allwelcome: {
src: [`${_path}res/img/welcome*.svg`],
@ -84,9 +76,23 @@ module.exports = (grunt, rootpathprefix) => {
},
}
},
},
replace_allconnect:{
dist: {
files:[ {
src: [`${_path}res/img/allconnect.svg`],
dest: `${_path}res/img/`,
}],
options: {
replacements: [{
pattern: ' fill="#fff"',
replacement: ' fill="white"',
}]
}
}
}
});
grunt.loadNpmTasks('grunt-svg-sprite');
grunt.registerTask('generate-sprite', ['svg_sprite']);
grunt.registerTask('generate-sprite', ['svg_sprite', 'replace_allconnect']);
}

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 31 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 100 KiB

After

Width:  |  Height:  |  Size: 100 KiB

View File

@ -125,14 +125,8 @@
</div>
<script src="../vendor/svg-injector/svg-injector.min.js"></script>
<img class="inline-svg" src="../res/img/connect1-light.svg">
<img class="inline-svg" src="../res/img/connect2-light.svg">
<img class="inline-svg" src="../res/img/connect3-light.svg">
<img class="inline-svg" src="../res/img/connect1-dark.svg">
<img class="inline-svg" src="../res/img/connect2-dark.svg">
<img class="inline-svg" src="../res/img/connect3-dark.svg">
<img class="inline-svg" src="../res/img/welcome-light.svg">
<img class="inline-svg" src="../res/img/welcome-dark.svg">
<img class="inline-svg" src="../res/img/allconnect.svg">
<img class="inline-svg" src="../res/img/allwelcome.svg">
<img class="inline-svg" src="../res/img/logo.svg">
<img class="inline-svg" src="../res/img/update_status.svg">
<script>

View File

@ -111,14 +111,8 @@
</div>
<div class="injected-svg">
<inline src="../res/img/connect1-light.svg" />
<inline src="../res/img/connect2-light.svg" />
<inline src="../res/img/connect3-light.svg" />
<inline src="../res/img/connect1-dark.svg" />
<inline src="../res/img/connect2-dark.svg" />
<inline src="../res/img/connect3-dark.svg" />
<inline src="../res/img/welcome-light.svg" />
<inline src="../res/img/welcome-dark.svg" />
<inline src="../res/img/allconnect.svg" />
<inline src="../res/img/allwelcome.svg" />
<inline src="../res/img/logo.svg" />
<inline src="../res/img/update_status.svg" />
</div>