Changes in the structure of feed items that affect user styles.

I hate to do it to you guys, but once again I have had to make some changes to the structure of the web page that Brief uses to display feeds. This is what the new structure looks like:

<div id="container">
    <div id="header">
        <img id="feed-image"/>
        <a id="feed-title"/>
        <div id="feed-subtitle"/>
    </div>

    <div id="feed-content">

        <div class="article-container">
           <div class="article-header">
                <div class="expand-button"/>
                <div class="star-container"/>
                <div class="article-controls"/>
                    
                <-- Displayed only when article is collapsed -->
                <div class="collapsed-article-subheader">
                    <div class="article-date"/>
                    <div class="feed-name"/>
                </div>
                    
                <a class="article-title-link"/>

                <-- Displayed only in full article -->
                <div class="article-subheader">
                    <div class="article-date"/>
                    <div class="article-authors"/>
                    <div class="feed-name"/>
                </div>
            </div>

            <-- Displayed only in full article -->
            <div class="article-content"/>
        </div>
    </div>
</div>

As you can see, there 2 basic differences:

  • .article-subheader was moved inside .article-header
  • .collapsed-article-subheader element was added