Reddit app not using proper CSS #77

porrige51122 · 2019-09-19T13:22:15Z

When using Reddit, none of the custom images are showing up. Is this a me error or an everyone error?

accik · 2019-09-19T14:19:22Z

Also having issues with new Spotify version, themes are looking way off. Version 1.1.15.448.g00fba0e3. I can attach pictures later
This is with theme "Nord", as broken as the others.

These are the themes that I use: https://github.com/morpheusthewhite/spicetify-themes

porrige51122 · 2019-09-19T22:22:44Z

^^ I was only having problems with the reddit app since the newest update. Try redownloading the files from github and reapply. He has updated the repo since this problem

khanhas · 2019-09-19T23:47:54Z

Can you post your reddit app index.html?
It should be in %appdata%\Spotify\Apps\reddit\

porrige51122 · 2019-09-20T13:30:10Z

// NAME: Reddit
// VERSION: 0.3
// AUTHOR: khanhas
// DESCRIPTION: Fetch playlists from subreddit.
 -->
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://zlink.app.spotify.com/css/glue.css">
  <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" class="spicetify-userCSS" href="https://zlink.app.spotify.com/css/user.css"></head>
<body>
  <div id="reddit-setting-popover">
    <div class="modal-backdrop" data-interaction-intent="reddit-cancel"></div>
    <div class="popover modal" data-bind="css: modalClasses" data-interaction-context="modal-dialog">
      <h3 class="popover-title" data-bind="settingTitle">Setting</h3>
      <div class="popover-content">
        <div class="row">
          <div class="form-group col-sm-8 col-md-8 col-lg-8">
            <h4 data-bind="reddit-option-title">Options</h4>
            <div id="reddit-option"></div>
          </div>
          <div class="form-group col-sm-4 col-md-4 col-lg-4" id="reddit-subreddit">
            <h4 data-bind="reddit-form-title">Add subreddit</h4>
            <form id="subreddit-input-form">
              <input class="form-control" type="text" id="subreddit-input" maxlength="100" placeholder="Subreddit name" data-bind="reddit-form-placeholder"></input>
            </form>
            <div id="autocomplete"></div>
            <div id="reddit-subreddit-list"></div>
          </div>
        </div>
      </div>
      <div class="popover-footer" data-bind="visible: footerVisible" tabindex="-1">
        <button
          class="button button-with-stroke"
          data-interaction-intent="reddit-cancel"
        >
          <span data-bind="cancelButtonLabel">Cancle</span>
        </button>
        <button
          class="button button-green"
          data-interaction-intent="reddit-confirm"
        >
          <span data-bind="okButtonLabel">Apply</span>
        </button>
      </div>
    </div>
  </div>
  <div id="render-target"></div>
  <div id="reddit-youtube">
    <div class="modal-backdrop" data-interaction-intent="youtube-close"></div>
    <div id="youtube-container" class="popover"></div>
  </div>
  <div id="reddit-sortby-context-menu" class="context-menu-container" style="display: none;">
    <div class="context-menu" style="z-index:2; opacity: 1; display: inline-block; height: auto; width: auto;">
        <div class="item" data-bind="hot">
          <span class="text">Hot</span>
        </div>
        <div class="item" data-bind="new">
          <span class="text">New</span>
        </div>
        <div class="item" data-bind="top">
          <span class="text">Top</span>
        </div>
        <div class="item" data-bind="rising">
          <span class="text">Rising</span>
        </div>
        <div class="item" data-bind="controversial">
          <span class="text">Controversial</span>
        </div>
    </div>
  </div>
  <div id="reddit-sorttime-context-menu" class="context-menu-container" style="display: none;">
    <div class="context-menu" style="z-index:2; opacity: 1; display: inline-block; height: auto; width: auto;">
        <div class="item" data-bind="hour">
          <span class="text">Past Hour</span>
        </div>
        <div class="item" data-bind="day">
          <span class="text">Past Day</span>
        </div>
        <div class="item" data-bind="week">
          <span class="text">Past Week</span>
        </div>
        <div class="item" data-bind="month">
          <span class="text">Past Month</span>
        </div>
        <div class="item" data-bind="year">
          <span class="text">Past Year</span>
        </div>
        <div class="item" data-bind="all">
          <span class="text">Of All time</span>
      </div>
    </div>
  </div>
  <!-- "init.js" is served by the desktop client and provides the "window.__spotify" object. -->
  <script src="init.js"></script>
  <script src="bundle.js"></script>
</body>
</html>

Here is index.html

khanhas · 2019-09-20T21:53:39Z

You are using the old reddit app. In spicetify v0.9.4, I had a small modification in index.html to comply with new glue.css url.
In case:

You did your own modification in your reddit app and don't want to lose it:

In index.html please change:

  <link rel="stylesheet" href="https://zlink.app.spotify.com/css/glue.css">

to

  <link rel="stylesheet" href="https://local_resource_host/css/glue.css">

You changed nothing:

Please remove %userprofile%\.spicetify\CustomApps\reddit

%userprofile%\.spicetify\CustomApps\reddit doesn't even exist:

Remove spicetify and reinstall it with PS script again. 100% works every single time.

porrige51122 · 2019-09-22T13:23:27Z

Thanks, All working now :)

TheLastZombie · 2019-10-03T08:10:18Z

I'm having the same issue, even after following the instructions above, with both the Reddit and Bookmark apps.

The network tab shows a failed request, may be intended behavior though.

Reinstalling Spicetify does nothing. Any ideas?

porrige51122 · 2019-10-03T22:35:40Z

I assume to do the same as me and paste your index.html see if there are any discrepancies

khanhas · 2019-10-03T22:37:25Z

Oops! Sorry all, I made a mistake. I forgot to re-package updated apps assets before I uploaded to Github.
I will publish v0.9.5 in a few minutes.

khanhas · 2019-10-04T01:03:06Z

Uploaded.
Please upgrade to v0.9.5

porrige51122 closed this as completed Sep 22, 2019

porrige51122 reopened this Oct 3, 2019

khanhas closed this as completed Oct 6, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Reddit app not using proper CSS #77

Reddit app not using proper CSS #77

porrige51122 commented Sep 19, 2019

accik commented Sep 19, 2019 •

edited

Loading

porrige51122 commented Sep 19, 2019

khanhas commented Sep 19, 2019 •

edited

Loading

porrige51122 commented Sep 20, 2019 •

edited

Loading

khanhas commented Sep 20, 2019

porrige51122 commented Sep 22, 2019

TheLastZombie commented Oct 3, 2019

porrige51122 commented Oct 3, 2019

khanhas commented Oct 3, 2019

khanhas commented Oct 4, 2019

Reddit app not using proper CSS #77

Reddit app not using proper CSS #77

Comments

porrige51122 commented Sep 19, 2019

accik commented Sep 19, 2019 • edited Loading

porrige51122 commented Sep 19, 2019

khanhas commented Sep 19, 2019 • edited Loading

porrige51122 commented Sep 20, 2019 • edited Loading

khanhas commented Sep 20, 2019

porrige51122 commented Sep 22, 2019

TheLastZombie commented Oct 3, 2019

porrige51122 commented Oct 3, 2019

khanhas commented Oct 3, 2019

khanhas commented Oct 4, 2019

accik commented Sep 19, 2019 •

edited

Loading

khanhas commented Sep 19, 2019 •

edited

Loading

porrige51122 commented Sep 20, 2019 •

edited

Loading