8 – Views Infinite Scroll class wrapper goes away when filtering using facets, changing my CSS styling

I have a page with custom css that uses display:grid for content output from my view.
The limit I have for what my view outputs is 30.

Since the views infinite scroll contains a wrapper around my content, my css grid styling is all there, however when I use my facet to filter anything with an output less than 30, the wrapper vanishes as does all the styling. The wrapper then becomes a different class, however I obviously can’t use display: grid in both classes since that would create a nested grid.

I’ve tried using jquery to attach a separate wrapper class based on if the infinite scroll class is there, and that didn’t work. Does anyone have any other ideas on what I can do?

Thank you!

SharePoint Page CSS Updated but Not Showing On Page

I needed to change the position of an element on my site page css. The folder that contains the css is located in the Site Assets. I changed it and reuploaded it to the SiteAssets, and when I open the file to check it it shows that I have changed it. Now when I load the page(s) where the issue needed to be fixed, it is still showing position: absolute; instead of position: relative;.

Any idea why my changes aren’t updating on the actual page?

css – Magento 2.4.3 – Installed Theme not loading

I have setup Magento 2.3 and installed frontend and admin themes. Later I have installed Magento 2.4.3 in Xampp and manually installed frontend and admin themes as I had installed in 2.3 setup.

The 2.4.3 version installation was successfully, however as soon as I installed admin/frontend themes, the css does not seem to load. Upon review I did not see any module entry in setup_module table.

I had ran all commands as below after installing theme but in vain

php bin/magento indexer:reindex
php bin/magento cache:flush
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy -f
php bin/magento deploy:mode:set production

Also the http://localhost/admin is not found and when I try to view source of any file http://localhost/myproject/pub/static/version1627326188/frontend/_view/en_US/mage/calendar.css it says This localhost page can’t be found

css – Por qué que cuando genero un reporte pdf usando dompdf el ultimo registro hace un salto de linea

he estado batallado con este problema pero no encuentro solucion.

Intento generar un reporte de ventas pero siempre el ultimo registro hace un salto y aparece en la siguiente pagina:
Ejemplo:

introducir la descripción de la imagen aquí

Les dejo mi codigo fuente del reporte

<body id="page-top">
<div class="contenedor">

    <div id="general">

        <div id="div-logo">

            <img src="{{public_path('imagenes/Logo.jpg')}}" alt="Logo del cliente"  style="height: 35px;">
        </div>

        <div id="div-titulo" style="height: 100%">
            <div  style="text-align: center">
                <h5 style="font-size: 16px; margin:5px">Lista de ventas</h5>
                <h6 style="font-size: 14px; margin:5px"> Reporte de ventas</h6>
                <b> Del {{$fechaInicio}} al {{$fechaFinal}}</b>
            </div>
        </div>

        <div id="div-fecha">
            <div  style="text-align: right">
                <br /><br /><br />
                Fecha: {{ date("Y-m-d")}}
            </div>
        </div>
    </div>

    <table class="table table-bordered table-sm" >
        <thead>
          <tr>
            <th scope="col">No. Venta</th>
            <th scope="col">Fecha Venta</th>
            <th scope="col">Vendido por</th>
            <th scope="col">Imagen</th>
            <th scope="col">Producto</th>
            <th scope="col">Categoria</th>
            <th scope="col">Detalle</th>
            <th scope="col">Precio compra</th>
            <th scope="col">Precio venta</th>
            <th scope="col">Cantidad</th>
            <th scope="col">Importe</th>
          </tr>
        </thead>
        <tbody>

        @foreach ($ventas as $venta)
                <tr>
                    <td style="text-align:center;">{{$venta->numeroVenta}}</td>
                    <td style="text-align:center;">{{$venta->fecha_venta}}</td>
                    <td style="text-align:left;">Daniela Rodriguez</td>
                    <td style="text-align:center;"><img src="{{public_path('imagenes/productos/')."https://es.stackoverflow.com/".$venta->imagen}}" style='width: 25px; height:20px;' /></td>
                    <td style="text-align:left;">{{$venta->nombre}}</td>
                    <td style="text-align:center;">{{$venta->categoria}}</td>
                    <td style="text-align:center;">{{$venta->detalle}}</td>
                    <td style="text-align:right;">${{$venta->precio_compra}}</td>
                    <td style="text-align:right;">${{$venta->precio_venta}}</td>
                    <td style="text-align:center;">{{$venta->cantidad}}</td>
                    <td style="text-align:right;">${{$venta->importe}}</td>
                </tr>
        @endforeach
        <tr>
            <td colspan="9"> </td>
            <td>Total:</td>
            <td style="text-align:right;">$ 50,000</td>
        </tr>
        </tbody>
      </table>

</div>

También me he dado cuenta que si meto registros estáticos, no hace el salto de linea pero cuando meto un for de blade ahí si sucede el problema.

Tambien les dejo el codigo css:

       .contenedor{
                /*border: 1px solid red;*/
    }
    body{
        font-size: 9px;
    }


    #general {
        width: 100%;
        height: 130px;
        overflow: hidden;
    }

    #div-logo , #div-titulo, #div-fecha{
        float: left;
        width: 33%;
    }

    .table {
        width: 100%;
        max-width: 100%;
        margin-bottom: 1rem;
        background-color: transparent;
        border-collapse: collapse;
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #dee2e6;
        border-top-color: rgb(222, 226, 230);
        border-top-style: solid;
        border-top-width: 1px;
        border-right-color: rgb(222, 226, 230);
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: rgb(222, 226, 230);
        border-bottom-style: solid;
        border-bottom-width: 1px;f
        border-left-color: rgb(222, 226, 230);
        border-left-style: solid;
        border-left-width: 1px;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
    }

    .table td, .table th {
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }


    th > div, th > span, th {
        font-size: 8px;
        vertical-align: middle;
    }
    td > div, td > span, td {
        font-size: 6px;
        vertical-align: middle;
    }
    .main_container{
        padding-top:15px;
        padding-left:5px;
        z-index: 99;
        background-size: cover;
        width:735px;
        height:975px;
        position:relative;
    }

También había agregado estas lineas pero no funciono

    thead { display: table-header-group }
    tfoot { display: table-row-group }
    tr { page-break-inside: avoid }

Recién acabo de meter un tr con datos estático antes de que se ejecute el for y recorra las ventas y funciono, pero aun sigo sin saber cual es el problema.

css3 – Como desgrudar os objetos no css

Eu não consigo explicar oque é exatamente, realmente não sei.
Mas vou mostrar aqui algumas imagens e vocês vão entender.

Primeiro, aqui está meu código do html e css.

HTML:


<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8"/>

<title>Page Title</title>

<link  href="style.css" rel="stylesheet" media="all">

</head>
<body>

<h1 id="h1">0</h1>

<button id="btn1" onclick="add1()">+1</button>

<button id="Carregar" onclick="">Carregar</button>


<script src="script.js"></script>
</body>
</html> 

CSS:

#btn1{

    width: 40px;
    height: 20px;
}

#Carregar{

    margin-left: 90%;
    margin-top: -15%;

}

E é assim que a página fica com o código acima:

inserir a descrição da imagem aqui

Sem nem mexer no html, apenas no css. Irei colocar o Margin-top para 20%.


#btn1{

    width: 40px;
    height: 20px;
}

#Carregar{

    margin-left: 90%;
    margin-top: 20%;

}

Então isso acontece:

inserir a descrição da imagem aqui

Os layouts ficam se seguindo, e é extremamente ruim isso. Se alguém souber por favor me diga, eu já tentei procurar isso mas pelo jeito não sei como pesquisar e não conheço ninguém que entende de front-end.

css – Position text inside ahref element (in center of image)

I created a static block with the following issue:

I’m trying to center text inside an ahref element, which looks like the following;

    <div class="small-24 medium-16 cell">
    <a title="Chairs" href="/chairs"><img src="{{media url="wysiwyg/chair-1.png"}}" alt="Chairs" width="830" height="325">Chairs</a>
    </div>

Normally, I would position it as follows, with the text in a span in the ahref element next to the img:

a {
   position: relative;
}
span {
position: absolute;
bottom: 10px;
left: 10px;
}

However, I’m not allowed to save the span tag inside the ahref element next to the image. See image underneath.
enter image description here

How can I position the text inside the ahref element over the image?

8 – Can we add custom css class in Drupal::messenger()->addStatus()?

I did some research regarding adding custom CSS classes in the message but could not find the actual solution.

As per Drupal 9 documentation:

Drupal::messenger()->addMessage(t($message));


public function addMessage($message, $type = self::TYPE_STATUS, $repeat = FALSE);

I don’t find the option to add CSS class. On the frontend, I would like to add custom CSS class ‘custom-messages–status‘ in the outputted <div>
so that I can format it as desired:

<div class="col-md-12 messages custom-messages--status">Successfully submitted.</div>

progressive web apps – Javascript Service workers is it possible to just 1 line cache any .js .css that if fetched?

I’m checking tutorials about javascript workers and stuff for PWA (Progressive Web App)…

I only see this

const assets = (
  "https://stackoverflow.com/",
  '/blabla.js',
);

self.addEventListener('install', function(event) { 
    evt.waitUntil(
        caches.open('static').then((cache) => {
            cache.addAll(assets);
        })
    );
});

For external js like this one https://code.jquery.com/jquery-3.6.0.min.js it’s not specifically written if it would work or not…

in the assets can a pattern like this works ?

/(.js|.css|.png|.jpg|.json|.html)/

Or would I need stars

/(*.js|*.css|*.png|*.jpg|*.json|*.html)/

there is a lack about this on documentations I encountered.

No se ha cargado ninguna de las imágenes ni el estilo css de mi página web de Django

He lanzado la web de este repositorio de github en esta url con Heroku pero como podéis ver no hay imágenes ni estilo .css. Como es posible y como resolver este problema?

2021-07-17T21:11:31.115305+00:00 heroku(web.1): State changed from starting to up
2021-07-17T21:11:32.189726+00:00 app(web.1): 10.32.150.15 - - (17/Jul/2021:21:11:32 +0000) "GET / HTTP/1.1" 200 8379 "-" "Mozilla/5.0 (Windows NT 10.0; Win
64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:32.191300+00:00 heroku(router): at=info method=GET path="/" host=dosmusical.herokuapp.com request_id=4ac7c234-855b-4ac4-aaee-56746352ec73
fwd="185.104.137.33" dyno=web.1 connect=1ms service=93ms status=200 bytes=8620 protocol=https
2021-07-17T21:11:32.206068+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:32 +0000) "GET / HTTP/1.1" 200 8379 "-" "Mozilla/5.0 (Windows NT 10.0; Wi
n64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:32.206552+00:00 heroku(router): at=info method=GET path="/" host=dosmusical.herokuapp.com request_id=72da5619-c34f-4d19-a069-339cc3d38088
fwd="185.104.137.33" dyno=web.1 connect=1ms service=61ms status=200 bytes=8620 protocol=http
2021-07-17T21:11:32.653544+00:00 app(web.1): 10.32.150.15 - - (17/Jul/2021:21:11:32 +0000) "GET / HTTP/1.1" 200 8379 "-" "Mozilla/5.0 (Windows NT 10.0; Win
64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:32.654864+00:00 heroku(router): at=info method=GET path="/" host=dosmusical.herokuapp.com request_id=dcf31e75-36a3-4b1e-b7b3-fa9631278f69
fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=200 bytes=8620 protocol=https
2021-07-17T21:11:32.656678+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:32 +0000) "GET /static/vendor/bootstrap/css/bootstrap.min.css HTTP/1.1" 4
04 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537
.36"
2021-07-17T21:11:32.657225+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/css/bootstrap.min.css" host=dosmusical.herokuapp.com req
uest_id=d27178a7-957f-43d6-b882-0aadcbb3a77a fwd="185.104.137.33" dyno=web.1 connect=0ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:32.793263+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:32 +0000) "GET /static/vendor/font-awesome/css/font-awesome.min.css HTTP/
1.1" 404 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safa
ri/537.36"
2021-07-17T21:11:32.793643+00:00 heroku(router): at=info method=GET path="/static/vendor/font-awesome/css/font-awesome.min.css" host=dosmusical.herokuapp.c
om request_id=351351d4-e377-4ff3-8ba6-9d46b5b26dff fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:32.821653+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:32 +0000) "GET /static/css/style.css HTTP/1.1" 404 179 "http://dosmusical.
herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:32.823575+00:00 heroku(router): at=info method=GET path="/static/css/style.css" host=dosmusical.herokuapp.com request_id=516b455e-b694-4a1
c-9aa7-357f0669dd42 fwd="185.104.137.33" dyno=web.1 connect=1ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:32.923910+00:00 app(web.1): 10.14.66.122 - - (17/Jul/2021:21:11:32 +0000) "GET /static/vendor/jquery/jquery.min.js HTTP/1.1" 404 179 "http
://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:32.924719+00:00 heroku(router): at=info method=GET path="/static/vendor/jquery/jquery.min.js" host=dosmusical.herokuapp.com request_id=250
59456-fa6f-4fc5-8c26-da18c699c69f fwd="185.104.137.33" dyno=web.1 connect=1ms service=5ms status=404 bytes=411 protocol=http
2021-07-17T21:11:32.934209+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:32 +0000) "GET /static/vendor/popper/popper.min.js HTTP/1.1" 404 179 "htt
p://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:32.938273+00:00 heroku(router): at=info method=GET path="/static/vendor/popper/popper.min.js" host=dosmusical.herokuapp.com request_id=c73
794a5-c5ed-4c1d-ba56-318a873fc3e7 fwd="185.104.137.33" dyno=web.1 connect=1ms service=8ms status=404 bytes=411 protocol=http
2021-07-17T21:11:32.971590+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:32 +0000) "GET /static/vendor/bootstrap/js/bootstrap.min.js HTTP/1.1" 404
179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
"
2021-07-17T21:11:32.973888+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/js/bootstrap.min.js" host=dosmusical.herokuapp.com reque
st_id=46fffa47-97ce-42d5-adf7-00635cb08e80 fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:33.000000+00:00 app(api): Build succeeded
2021-07-17T21:11:33.075027+00:00 heroku(router): at=info method=GET path="/static/img/initial.jpg" host=dosmusical.herokuapp.com request_id=46437e1d-7de1-4
969-baf0-e56415229798 fwd="185.104.137.33" dyno=web.1 connect=1ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:33.075225+00:00 app(web.1): 10.14.66.122 - - (17/Jul/2021:21:11:33 +0000) "GET /static/img/initial.jpg HTTP/1.1" 404 179 "http://dosmusica
l.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:33.076396+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:33 +0000) "GET /static/img/aimerestplusfortquedetreaime.jpg HTTP/1.1" 404
 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.3
6"
2021-07-17T21:11:33.076776+00:00 heroku(router): at=info method=GET path="/static/img/aimerestplusfortquedetreaime.jpg" host=dosmusical.herokuapp.com reque
st_id=b3752fde-8537-49ce-8261-8ad35d42a5b5 fwd="185.104.137.33" dyno=web.1 connect=1ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:33.137536+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:33 +0000) "GET /static/img/anais.jpg HTTP/1.1" 404 179 "http://dosmusical.
herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:33.139258+00:00 heroku(router): at=info method=GET path="/static/img/anais.jpg" host=dosmusical.herokuapp.com request_id=0d5bde87-9030-426
6-8d31-b6faa0fa171c fwd="185.104.137.33" dyno=web.1 connect=0ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:33.320205+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:33 +0000) "GET /favicon.ico HTTP/1.1" 404 179 "http://dosmusical.herokuapp
.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:33.321938+00:00 heroku(router): at=info method=GET path="/favicon.ico" host=dosmusical.herokuapp.com request_id=5c38d86e-37bf-4887-b691-0a
98c6d1f9ce fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:36.976771+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:36 +0000) "GET / HTTP/1.1" 200 8379 "-" "Mozilla/5.0 (Windows NT 10.0; Win
64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:36.978536+00:00 heroku(router): at=info method=GET path="/" host=dosmusical.herokuapp.com request_id=90333a66-7dd4-4773-a1ad-7fe3bd1db539
fwd="185.104.137.33" dyno=web.1 connect=0ms service=3ms status=200 bytes=8620 protocol=http
2021-07-17T21:11:37.172159+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:37 +0000) "GET /static/vendor/font-awesome/css/font-awesome.min.css HTTP/
1.1" 404 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safa
ri/537.36"
2021-07-17T21:11:37.172746+00:00 heroku(router): at=info method=GET path="/static/vendor/font-awesome/css/font-awesome.min.css" host=dosmusical.herokuapp.c
om request_id=2f9586c2-3d38-490d-8f98-6508db575345 fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.190332+00:00 app(web.1): 10.14.66.122 - - (17/Jul/2021:21:11:37 +0000) "GET /static/css/style.css HTTP/1.1" 404 179 "http://dosmusical.
herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:37.190413+00:00 heroku(router): at=info method=GET path="/static/css/style.css" host=dosmusical.herokuapp.com request_id=9c98f379-a1b3-445
d-806f-cca25c7901c3 fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.192904+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:37 +0000) "GET /static/vendor/bootstrap/css/bootstrap.min.css HTTP/1.1" 40
4 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.
36"
2021-07-17T21:11:37.194527+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/css/bootstrap.min.css" host=dosmusical.herokuapp.com req
uest_id=a543c8b3-122b-4444-9925-a214b52942c5 fwd="185.104.137.33" dyno=web.1 connect=0ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.213807+00:00 app(web.1): 10.10.67.12 - - (17/Jul/2021:21:11:37 +0000) "GET /static/img/aimerestplusfortquedetreaime.jpg HTTP/1.1" 404 1
79 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:37.214750+00:00 heroku(router): at=info method=GET path="/static/img/aimerestplusfortquedetreaime.jpg" host=dosmusical.herokuapp.com reque
st_id=a9495771-0d6a-4d9c-a135-fe024db1563f fwd="185.104.137.33" dyno=web.1 connect=0ms service=2ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.215538+00:00 app(web.1): 10.13.124.73 - - (17/Jul/2021:21:11:37 +0000) "GET /static/img/anais.jpg HTTP/1.1" 404 179 "http://dosmusical.
herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:37.215987+00:00 heroku(router): at=info method=GET path="/static/img/anais.jpg" host=dosmusical.herokuapp.com request_id=7a1928a7-23e2-470
0-a643-6fba5a4cc2b9 fwd="185.104.137.33" dyno=web.1 connect=0ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.432897+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:37 +0000) "GET /static/vendor/jquery/jquery.min.js HTTP/1.1" 404 179 "htt
p://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:37.433851+00:00 heroku(router): at=info method=GET path="/static/vendor/jquery/jquery.min.js" host=dosmusical.herokuapp.com request_id=d13
855f8-4776-48b4-8a0e-461e6dfa2b9d fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.455226+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:37 +0000) "GET /static/vendor/bootstrap/js/bootstrap.min.js HTTP/1.1" 404
179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
"
2021-07-17T21:11:37.457193+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/js/bootstrap.min.js" host=dosmusical.herokuapp.com reque
st_id=6194c67b-8b35-45f0-96ea-5fc2a9dccf72 fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.459900+00:00 app(web.1): 10.14.66.122 - - (17/Jul/2021:21:11:37 +0000) "GET /static/vendor/popper/popper.min.js HTTP/1.1" 404 179 "http
://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:37.460022+00:00 heroku(router): at=info method=GET path="/static/vendor/popper/popper.min.js" host=dosmusical.herokuapp.com request_id=209
9cb42-fd88-4660-b574-dea6e5d9b958 fwd="185.104.137.33" dyno=web.1 connect=1ms service=2ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.612083+00:00 app(web.1): 10.14.66.122 - - (17/Jul/2021:21:11:37 +0000) "GET /static/vendor/bootstrap/js/bootstrap.min.js HTTP/1.1" 404
179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
"
2021-07-17T21:11:37.612085+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/js/bootstrap.min.js" host=dosmusical.herokuapp.com reque
st_id=93685d50-00e6-44b1-a0b6-1cddcce109f5 fwd="185.104.137.33" dyno=web.1 connect=1ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:37.707679+00:00 app(web.1): 10.13.169.102 - - (17/Jul/2021:21:11:37 +0000) "GET /static/img/initial.jpg HTTP/1.1" 404 179 "http://dosmusic
al.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:37.709034+00:00 heroku(router): at=info method=GET path="/static/img/initial.jpg" host=dosmusical.herokuapp.com request_id=2294c90a-0c51-4
001-9f73-2abab95e8bf0 fwd="185.104.137.33" dyno=web.1 connect=0ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:48.800175+00:00 app(web.1): 10.13.169.102 - - (17/Jul/2021:21:11:48 +0000) "GET / HTTP/1.1" 200 8379 "-" "Mozilla/5.0 (Windows NT 10.0; Wi
n64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:48.801398+00:00 heroku(router): at=info method=GET path="/" host=dosmusical.herokuapp.com request_id=6fdc6d59-aa97-486f-a1fc-5e945c62c984
fwd="185.104.137.33" dyno=web.1 connect=1ms service=4ms status=200 bytes=8620 protocol=http
2021-07-17T21:11:48.996400+00:00 app(web.1): 10.13.169.102 - - (17/Jul/2021:21:11:48 +0000) "GET /static/vendor/bootstrap/css/bootstrap.min.css HTTP/1.1" 4
04 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537
.36"
2021-07-17T21:11:48.997967+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/css/bootstrap.min.css" host=dosmusical.herokuapp.com req
uest_id=8acf1536-190a-49a0-929c-b31e3ed11e09 fwd="185.104.137.33" dyno=web.1 connect=1ms service=8ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.000523+00:00 app(web.1): 10.14.66.122 - - (17/Jul/2021:21:11:48 +0000) "GET /static/vendor/font-awesome/css/font-awesome.min.css HTTP/1
.1" 404 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safar
i/537.36"
2021-07-17T21:11:49.001728+00:00 heroku(router): at=info method=GET path="/static/vendor/font-awesome/css/font-awesome.min.css" host=dosmusical.herokuapp.c
om request_id=64ffa20e-8e02-46a7-8d48-d216cc377f8d fwd="185.104.137.33" dyno=web.1 connect=1ms service=8ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.002240+00:00 app(web.1): 10.39.160.97 - - (17/Jul/2021:21:11:48 +0000) "GET /static/css/style.css HTTP/1.1" 404 179 "http://dosmusical.
herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:49.006082+00:00 heroku(router): at=info method=GET path="/static/css/style.css" host=dosmusical.herokuapp.com request_id=d2ae294a-0876-433
b-bfbf-defaeda70953 fwd="185.104.137.33" dyno=web.1 connect=2ms service=7ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.027667+00:00 app(web.1): 10.13.124.73 - - (17/Jul/2021:21:11:49 +0000) "GET /static/vendor/popper/popper.min.js HTTP/1.1" 404 179 "http
://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:49.028079+00:00 heroku(router): at=info method=GET path="/static/vendor/popper/popper.min.js" host=dosmusical.herokuapp.com request_id=fb2
68089-46d9-4648-af81-fad2324969a8 fwd="185.104.137.33" dyno=web.1 connect=0ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.040244+00:00 app(web.1): 10.10.67.12 - - (17/Jul/2021:21:11:49 +0000) "GET /static/vendor/bootstrap/js/bootstrap.min.js HTTP/1.1" 404 1
79 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:49.041055+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/js/bootstrap.min.js" host=dosmusical.herokuapp.com reque
st_id=364975f5-c2ce-49ce-ba59-e7acaca678ae fwd="185.104.137.33" dyno=web.1 connect=0ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.053098+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:49 +0000) "GET /static/vendor/jquery/jquery.min.js HTTP/1.1" 404 179 "htt
p://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:49.053704+00:00 heroku(router): at=info method=GET path="/static/vendor/jquery/jquery.min.js" host=dosmusical.herokuapp.com request_id=0ee
7be3c-26e1-4eda-b2ad-62f22185051d fwd="185.104.137.33" dyno=web.1 connect=8ms service=12ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.155391+00:00 app(web.1): 10.13.169.102 - - (17/Jul/2021:21:11:49 +0000) "GET /static/img/initial.jpg HTTP/1.1" 404 179 "http://dosmusic
al.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:49.156499+00:00 heroku(router): at=info method=GET path="/static/img/initial.jpg" host=dosmusical.herokuapp.com request_id=e0962fff-889e-4
825-a8ce-9ed43d6d8c48 fwd="185.104.137.33" dyno=web.1 connect=1ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.167632+00:00 app(web.1): 10.13.124.73 - - (17/Jul/2021:21:11:49 +0000) "GET /static/img/aimerestplusfortquedetreaime.jpg HTTP/1.1" 404
179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
"
2021-07-17T21:11:49.167891+00:00 heroku(router): at=info method=GET path="/static/img/aimerestplusfortquedetreaime.jpg" host=dosmusical.herokuapp.com reque
st_id=937d8136-e312-4cbb-8b7f-869ea01320c9 fwd="185.104.137.33" dyno=web.1 connect=0ms service=4ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.174266+00:00 app(web.1): 10.10.67.12 - - (17/Jul/2021:21:11:49 +0000) "GET /static/img/anais.jpg HTTP/1.1" 404 179 "http://dosmusical.h
erokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:49.174878+00:00 heroku(router): at=info method=GET path="/static/img/anais.jpg" host=dosmusical.herokuapp.com request_id=35608b89-fd88-4db
e-9ac9-23675eca0308 fwd="185.104.137.33" dyno=web.1 connect=0ms service=3ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.242890+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:49 +0000) "GET /static/vendor/popper/popper.min.js HTTP/1.1" 404 179 "htt
p://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36"
2021-07-17T21:11:49.243403+00:00 heroku(router): at=info method=GET path="/static/vendor/popper/popper.min.js" host=dosmusical.herokuapp.com request_id=715
c0547-8ffc-454d-b5db-0610f6906a52 fwd="185.104.137.33" dyno=web.1 connect=5ms service=7ms status=404 bytes=411 protocol=http
2021-07-17T21:11:49.412387+00:00 app(web.1): 10.35.232.224 - - (17/Jul/2021:21:11:49 +0000) "GET /static/vendor/bootstrap/js/bootstrap.min.js HTTP/1.1" 404
 179 "http://dosmusical.herokuapp.com/" "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.3
6"
2021-07-17T21:11:49.413091+00:00 heroku(router): at=info method=GET path="/static/vendor/bootstrap/js/bootstrap.min.js" host=dosmusical.herokuapp.com reque
st_id=e73e4959-52e0-4ef1-8983-37fc269d4555 fwd="185.104.137.33" dyno=web.1 connect=5ms service=8ms status=404 bytes=411 protocol=http

8 – Advagg with S3fs relative url() references inside of CSS files – broken image URL

Background Images Paths are Changed when CSS Aggregation is On

s3fs module with AdvAgg to store CSS/JS aggregates on the S3 stream wrapper

Without Aggregation (Works well). fetch from domain base url.

background-image: url(/themes/THEME/images/test.jpg);

Src of the image in CSS, which is pointing to the CNAME for S3

With Aggregation isn’t working. Because, my CNAME is different from my DOMAIN name.

background-image: url(https://CNAME_DOMAIN/themes/THEME/images/test.jpg);

I disabled it all OBSCURE options(admin/config/development/performance/advagg). But No luck.

Everytime, the CSS file content url() fetching from the CNAME url.