paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-23 04:52:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

styles: Reference images through Webpack.

Browse Source 
Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg
2020-08-12 15:27:39 -07:00
committed by Tim Abbott
parent ae58ed5a74
commit 7492656b92
4 changed files with 37 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
static/styles/components.scss
View File

@@ -36,7 +36,7 @@
}
&:checked ~ span {
background-image: url(/static/images/checkbox.svg);
background-image: url(../images/checkbox.svg);
background-size: 85%;
background-position: 50% 50%;
background-repeat: no-repeat;

66
static/styles/portico/landing-page.scss
View File

@@ -63,7 +63,7 @@ a {
height: 17px;
width: 17px;
top: 3px;
background-image: url(/static/images/landing-page/arrow.png);
background-image: url(../../images/landing-page/arrow.png);
background-size: 100%;
margin-left: 5px;
}
@@ -550,7 +550,7 @@ nav {
border-radius: 4px;
background-image: url(/static/images/checkbox-green.svg);
background-image: url(../../images/checkbox-green.svg);
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
@@ -569,7 +569,7 @@ nav {
);
border-radius: 4px;
background-image: url(/static/images/landing-page/notifications.jpg);
background-image: url(../../images/landing-page/notifications.jpg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
@@ -954,7 +954,7 @@ nav {
width: 27px;
height: 27px;
background-image: url(/static/images/landing-page/checkmark.png);
background-image: url(../../images/landing-page/checkmark.png);
background-size: 100% auto;
}
@@ -1183,7 +1183,7 @@ nav {
padding: 95px 170px;
height: 385px;
background-image: url(/static/images/landing-page/macbook-empty.png);
background-image: url(../../images/landing-page/macbook-empty.png);
background-size: 100% auto;
background-color: transparent;
@@ -1754,93 +1754,93 @@ nav {
/* -- company logos -- */
.portico-landing .testimonials .company-box .company.akamai {
background-image: url(/static/images/landing-page/logos/akamai.png);
background-image: url(../../images/landing-page/logos/akamai.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.doctorondemand {
background-image: url(/static/images/landing-page/logos/doctorondemand.png);
background-image: url(../../images/landing-page/logos/doctorondemand.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.layershift {
background-image: url(/static/images/landing-page/logos/layershift.png);
background-image: url(../../images/landing-page/logos/layershift.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.recurse {
background-image: url(/static/images/landing-page/logos/recurse.png);
background-image: url(../../images/landing-page/logos/recurse.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.solano {
background-image: url(/static/images/landing-page/logos/solano.png);
background-image: url(../../images/landing-page/logos/solano.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.veelo {
background-image: url(/static/images/landing-page/logos/veelo.png);
background-image: url(../../images/landing-page/logos/veelo.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.panjiva {
background-image: url(/static/images/landing-page/logos/panjiva.png);
background-image: url(../../images/landing-page/logos/panjiva.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.cmt {
background-image: url(/static/images/landing-page/logos/cambridge-mobile-telematics.png);
background-image: url(../../images/landing-page/logos/cambridge-mobile-telematics.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.levelup {
background-image: url(/static/images/landing-page/logos/levelup.png);
background-image: url(../../images/landing-page/logos/levelup.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.wildfly {
background-image: url(/static/images/landing-page/logos/wildfly.png);
background-image: url(../../images/landing-page/logos/wildfly.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.mariadb {
background-image: url(/static/images/landing-page/logos/mariadb.png);
background-image: url(../../images/landing-page/logos/mariadb.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.infinispan {
background-image: url(/static/images/landing-page/logos/infinispan.png);
background-image: url(../../images/landing-page/logos/infinispan.png);
background-color: transparent;
height: 50px;
}
.portico-landing .testimonials .company-box .company.hail {
background-image: url(/static/images/landing-page/logos/hail.png);
background-image: url(../../images/landing-page/logos/hail.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.inspire-hep {
background-image: url(/static/images/landing-page/logos/inspire-hep.png);
background-image: url(../../images/landing-page/logos/inspire-hep.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.wikimedia-outreach {
background-image: url(/static/images/landing-page/logos/wikimedia-outreach.png);
background-image: url(../../images/landing-page/logos/wikimedia-outreach.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.fhir {
background-image: url(/static/images/landing-page/logos/fhir.png);
background-image: url(../../images/landing-page/logos/fhir.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.openshot {
background-image: url(/static/images/landing-page/logos/openshot.png);
background-image: url(../../images/landing-page/logos/openshot.png);
background-color: transparent;
}
.portico-landing .testimonials .company-box .company.mixxx {
background-image: url(/static/images/landing-page/logos/mixxx.png);
background-image: url(../../images/landing-page/logos/mixxx.png);
background-color: transparent;
height: 45px;
}
@@ -2010,7 +2010,7 @@ nav {
margin: 130px auto 0 auto;
width: 32px;
height: 30px;
background-image: url(/static/images/landing-page/zulip-octopus.png);
background-image: url(../../images/landing-page/zulip-octopus.png);
background-size: cover;
filter: invert(0.9);
@@ -2068,7 +2068,7 @@ nav {
width: 100%;
height: 100%;
background-image: url(/static/images/waves.svg);
background-image: url(../../images/waves.svg);
background-size: cover;
background-repeat: no-repeat;
}
@@ -2293,31 +2293,31 @@ nav {
.portico-landing.why-page .bg-pycon {
position: relative;
background-image: url(/static/images/landing-page/pycon.jpg);
background-image: url(../../images/landing-page/pycon.jpg);
background-size: cover;
background-position: center;
}
.portico-landing.why-page .bg-pycon.drone {
background-image: url(/static/images/landing-page/pycon-drone.jpg);
background-image: url(../../images/landing-page/pycon-drone.jpg);
}
.portico-landing.why-page .bg-pycon.mit {
background-image: url(/static/images/landing-page/mit-lobby-7.jpg);
background-image: url(../../images/landing-page/mit-lobby-7.jpg);
}
.portico-landing.why-page .bg-pycon.security {
background-image: url(/static/images/landing-page/security.jpg);
background-image: url(../../images/landing-page/security.jpg);
}
.portico-landing.why-page .bg-pycon.atlassian {
background-size: 300px;
background-image: url(/static/images/landing-page/atlassian.jpg);
background-image: url(../../images/landing-page/atlassian.jpg);
background-repeat: repeat-x;
}
.portico-landing.why-page .bg-pycon.why-zulip {
background-image: url(/static/images/landing-page/why-zulip-threads.jpg);
background-image: url(../../images/landing-page/why-zulip-threads.jpg);
}
.portico-landing.why-page .bg-pycon .bg-dimmer {
@@ -2640,7 +2640,7 @@ nav {
width: 20px;
height: 18px;
background-image: url(/static/images/checkbox-green.svg);
background-image: url(../../images/checkbox-green.svg);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
@@ -3548,7 +3548,7 @@ nav {
color: hsl(0, 0%, 27%);
background-size: 40px auto;
background-image: url(/static/images/zulip-logo.svg);
background-image: url(../../images/zulip-logo.svg);
background-repeat: no-repeat;
}

4
static/styles/portico/portico.scss
View File

@@ -446,7 +446,7 @@ img.screenshot {
.laptop-image {
width: 787px;
height: 414px;
background-image: url(/static/images/landing-page/laptop.png);
background-image: url(../../images/landing-page/laptop.png);
background-size: contain;
}
@@ -686,7 +686,7 @@ input.text-error {
}
.main-headline {
background: url(/static/images/landing-page/gg.jpg);
background: url(../../images/landing-page/gg.jpg);
background-position: center;
background-size: cover;
}

2
webpack.config.ts
View File

@@ -155,7 +155,7 @@ export default (env?: string): webpack.Configuration[] => {
},
// load fonts and files
{
test: /\.(woff(2)?|ttf|eot|svg|otf|png)$/,
test: /\.(eot|jpg|svg|ttf|otf|png|woff2?)$/,
use: [
{
loader: "file-loader",