Learn, share, and get recognized
I followed the recommendation in the doc-7311. I add the word content after the link. I click on discussions.
I am missing the original posters name and the last posters name. If the discussion has not been answered, and the original poster was also the last poster, I figure there is a good chance the original poster still has a question.
Is the best the 2014 forums can do?
Robert
Hello
Quite unfortunately that's all what we can get now. The "Latest activity" column is rather useless without the last poster's name and its time (and preferrably its message link) at a glance.
By the way, in Firefox, you can reveal the author's name in "Latest activity" column in the list view by defining a user css as follows because the necessary information is actually included in html source as a hidden element.
To do that, create a plain text file named userContent.css with the following content in chrome directory in your profile directory of Firefox. Create chrome directory if not present. E.g.,
~/Library/Application Support/Firefox/Profiles/XXXXXXXX.default/chrome/userContent.cssContent (CSS rule) in userContent.css:
/* fixes for Apple Support Communities board system introduced in 2014-06 (v 0.1) */
@-moz-document
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* show author name in 'Latest activity' column in detailed list view of threads in each community */
td.j-td-date > span { display : inherit !important; }
}A result page (after restarting Firefox):
As far as I can tell, there's no way to show the last poster's name in the "Latest activity" column in list view of threads whilst it is shown in a list view of communities such as in
https://discussions.apple.com/places?itemView=detail&sortKey=all~subjectAsc&sort Order=1&query=os+x
Those info are generated in server-side and there's nothing we mere client can do unless server provides them.
All the best,
Hiroto
PS. To my understanding, they (Jive or Apple I'm not sure) are forcing us to use Acivity Stream to see those vital information for helpers. However, I only login when I make post and logout immediately when done. In such use case, Activity Stream is useless because it requires me logged in for it to work whilst I need those information before I login.
Hello
Quite unfortunately that's all what we can get now. The "Latest activity" column is rather useless without the last poster's name and its time (and preferrably its message link) at a glance.
By the way, in Firefox, you can reveal the author's name in "Latest activity" column in the list view by defining a user css as follows because the necessary information is actually included in html source as a hidden element.
To do that, create a plain text file named userContent.css with the following content in chrome directory in your profile directory of Firefox. Create chrome directory if not present. E.g.,
~/Library/Application Support/Firefox/Profiles/XXXXXXXX.default/chrome/userContent.cssContent (CSS rule) in userContent.css:
/* fixes for Apple Support Communities board system introduced in 2014-06 (v 0.1) */
@-moz-document
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* show author name in 'Latest activity' column in detailed list view of threads in each community */
td.j-td-date > span { display : inherit !important; }
}A result page (after restarting Firefox):
As far as I can tell, there's no way to show the last poster's name in the "Latest activity" column in list view of threads whilst it is shown in a list view of communities such as in
https://discussions.apple.com/places?itemView=detail&sortKey=all~subjectAsc&sort Order=1&query=os+x
Those info are generated in server-side and there's nothing we mere client can do unless server provides them.
All the best,
Hiroto
PS. To my understanding, they (Jive or Apple I'm not sure) are forcing us to use Acivity Stream to see those vital information for helpers. However, I only login when I make post and logout immediately when done. In such use case, Activity Stream is useless because it requires me logged in for it to work whilst I need those information before I login.
Perhaps, someone could play around with CSS and...
-- get rid of excessive white space
-- get rid of like & bookmarks or move to right. Should probably be replies, views, last poster, time.
-- move categories to right side as before or pulldown
Thanks. I'll have to try your suggestion.
Robert
PS. This seems the results of a requirements tickie mark things. Meet nearly all requirements, but no User Experience was required. The authors did address many past issues. But but didn't seem to copy acceptable forum style, etc.
rccharles wrote:
Perhaps, someone could play around with CSS and...
-- get rid of excessive white space
-- get rid of like & bookmarks or move to right. Should probably be replies, views, last poster, time.
-- move categories to right side as before or pulldown
Thanks. I'll have to try your suggestion.
Robert
PS. This seems the results of a requirements tickie mark things. Meet nearly all requirements, but no User Experience was required. The authors did address many past issues. But but didn't seem to copy acceptable forum style, etc.
rcc......
I think I gotten to the bottom of the graphic design issue - it is not something that will be changed.Start here for illustrative explanation::
Re: Re: Could This (new discussion format) Be Any Worse?
CCC
-- Corozon espinado
Hello
I played around with css and come up with rules for Firefox listed below.
In addition to showing author name in "Latest activities" column in thread list view, it will
- let the browser respect current window size when rendering content flow;
- reduce white spaces, i.e, paddings, margins and line spacing;
- move sidebar UI for categories filter and actions to right;
In my brief usage, it makes new board system a little less annoying. 😉
Hope this may help,
H
PS. discussionschinese.apple.com is still using old system and that is why I don't include it in domain list.
/*
custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.2)
*/
@-moz-document
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* ------------------------------------------------
BODY
*/
body { background: white !important; }
#body-apple { width: 100% !important; }
/* ------------------------------------------------
TEXT
*/
/* line spacing */
.jive-content { line-height: 1.25 !important; }
/* ------------------------------------------------
ASC TOP PAGE
*/
.content-large { text-align: center !important; }
.apple-communities {
display: inline-block !important;
width: 1120px !important;
text-align: left !important;
}
/* ------------------------------------------------
THREAD LIST BROWSER
*/
/* show author name in 'Latest activity' column in detailed list view of threads */
td.j-td-date > span { display : inherit !important; }
/* main section */
#j-main { padding: 0px !important; }
/* table cell title */
.jive-table td.jive-table-cell-title { padding: 5px !important; }
/* threads list view table tr td */
.j-browse-details-tbody tr td { padding: 5px !important; }
/* communities list view table tr td */
.jive-communities-listing table tr td { padding: 5px !important; }
/* thumbnails view width */
.j-browse-content .j-thumb-view,
.j-browse-places .j-browse-thumbnails,
.j-browse-people .j-browse-thumbnails { width: 100% !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple subheader row ("Find helpful contents and discussions" etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 80px 15px !important;
margin-bottom: 15px !important;
}
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* browser filter row */
#j-browse-filters { margin-bottom: 5px !important; }
/* browser controls row */
.j-type-row { margin-bottom: 0px !important; }
/* browser controls content types (All Contents|User Tips|Discussions) width */
#js-browse-controls .j-type-row .j-content-types {
width: 90% !important;
}
/* browser controls view toggle (Thumbnails|Details) width */
#js-browse-controls #j-item-view-toggle {
width: 10% !important;
display: table !important;
}
/* content filter row (All|Open|Answered|Threads) */
.j-content-filter {
background: white !important;
margin-bottom: 10px !important;
}
/* canvas */
.j-contained {
margin-left: 40px !important;
margin-right: 40px !important;
}
/* category filter bar */
.jive-content-filter {
left: 0px !important;
width: 80% !important;
}
.touchcarousel-wrapper { width: 100% !important; }
/* more search results available */
#j-more-search-results-available { padding: 10px !important; }
/* misc */
.jive-widget { margin-bottom: 10px !important; }
.j-column { margin-bottom: 10px !important; }
/* ------------------
swap left-right positions of threads table and sidebar ui (filters & actions)
*/
/* threads table float left */
.j-layout-sl .j-column-wrap-l { float: left !important; }
/* sidebar ui float right */
.j-layout-sl .j-column-s { float: right !important; }
/* ------------------ */
/* ------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread original post */
.j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
/* thread replies ul */
ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
/* thread reply li */
.jive-discussion-replies li.reply { margin-top: 15px !important; }
/* thread view indent */
.jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
/* thread info */
.jive-thread-info {
padding: 10px 40px !important;
margin: 0px !important;
}
/* thread answer rollup */
.j-answer-rollup { margin: 30px 0px !important; }
/* thread post header (poster, date, response to) */
.j-thread-post > header {
padding: 10px 20px 0px 20px !important;
margin-bottom: 12px !important;
}
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 6px !important;
}
/* thread post footer (Like|Reply etc) */
.j-thread-post footer { padding: 0px 15px !important; }
.j-thread-post footer > ul { padding: 2px !important; }
.j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
/* thread rendered content */
.jive-rendered-content { padding-bottom: 4px !important; }
/* thread rendered content quote & pre */
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
margin: 5px 15px !important;
}
/* thread reply footer (Return to Community|Go to original post) */
#jive-thread-reply-footer { margin-top: 10px !important; }
/* more like this links, incomming links */
#apple-related-threads { margin: 0px 40px !important; }
#apple-related-threads .j-box { margin-bottom: 0px !important; }
.j-icon-list li { padding: 3px 0px 3px 22px !important; }
}Thanks Robert, for making a thread regarding this horrible revision. I hate to have to spend so much time looking for threads that may fit my problem(s) which this new format demands. We can no longer scan topics but must read all sorts of trivia pertinent to a thread to find out if it is something we want to pursue.
You gurus' discussion of coded solutions are over the heads of what I observe to be the general user of these groups, non-techie and curious neophytes,
is very interesting but useless to most of us.
I use these groups a lot albeit intermittently and this has really thrown me for a loop.
Thanks again for making it clear it's not just the neophytes that are dismayed.
....goldie
You may find these links to your own content useful, the first three highlight threads with new activity:
tt2
This is great.
I'm going to have to play-around with this to get it working on my Linux system.
How did you go about finding the content to change. Do you look at the html source? Did you use the css debug stuff? A few hints would be helpful. What do I have to learn to make these sort of changes.
Robert
Hello
Sorry for late reply.
I use Firefox's powerful inspector (Tools > Web Developer > Inspector) to investigate and experiment CSS rules on specific elements. It allows me to change current rules which are dynamically applied to the current page.
And I also use a handy add-on named Stylish, which lets me enable and disable custom rules from menu without restarting Firefox.
https://addons.mozilla.org/en-US/firefox/addon/stylish/
* This style manager manages defined rules independently from userContent.css.
By the way, I noticed that the posted custom styles (v 0.2) has problem in displaying formated code in Advanced Editor, that is dynamically generated by JavaScript. The problem is that the formatted code is not shown in editor whilst it can be posted correctly. I'm trying to solve this.
Regards,
Hiroto
PS. I'm using Firefox 24.6.0esr if it matters.
Edit: added PS.
Hello
As for the said problem of the posted styles which makes the syntax highlighted code invisible in advanced editor, I found the offending rule is -
body { background: white !important; }Replacing it with the following one solves the issue.
body { background: white; }I post the revised CSS rules (v 0.3) below, which also include some additional rules for reducing white spaces in inline editor, advanced editor and activity stream.
And as for learning materials, I forgot to mention the primary document I consult constantly -
http://www.w3.org/TR/CSS21/css2.pdf
All the best,
H
/*
custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.3)
*/
@-moz-document
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* ------------------------------------------------
BODY
*/
body { background: white; }
#body-apple { width: 100% !important; }
/* ------------------------------------------------
TEXT
*/
/* line spacing */
.jive-content { line-height: 1.25 !important; }
/* ------------------------------------------------
ASC TOP PAGE
*/
.content-large { text-align: center !important; }
.apple-communities {
display: inline-block !important;
width: 1120px !important;
text-align: left !important;
}
/* ------------------------------------------------
THREAD LIST BROWSER
*/
/* show author name in 'Latest activity' column in detailed list view of threads */
td.j-td-date > span { display : inherit !important; }
/* main section */
#j-main { padding: 0px !important; }
/* table cell title */
.jive-table td.jive-table-cell-title { padding: 5px !important; }
/* threads list view table tr td */
.j-browse-details-tbody tr td { padding: 5px !important; }
/* communities list view table tr td */
.jive-communities-listing table tr td { padding: 5px !important; }
/* thumbnails view width */
.j-browse-content .j-thumb-view,
.j-browse-places .j-browse-thumbnails,
.j-browse-people .j-browse-thumbnails { width: 100% !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple subheader row ("Find helpful contents and discussions" etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 80px 15px !important;
margin-bottom: 15px !important;
}
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* browser filter row */
#j-browse-filters { margin-bottom: 5px !important; }
/* browser controls row */
.j-type-row { margin-bottom: 0px !important; }
/* browser controls content types (All Contents|User Tips|Discussions) width */
#js-browse-controls .j-type-row .j-content-types {
width: 90% !important;
}
/* browser controls view toggle (Thumbnails|Details) width */
#js-browse-controls #j-item-view-toggle {
width: 10% !important;
display: table !important;
}
/* content filter row (All|Open|Answered|Threads) */
.j-content-filter {
background: white !important;
margin-bottom: 10px !important;
}
/* container canvas */
.j-contained {
margin-left: 40px !important;
margin-right: 40px !important;
}
/* category filter bar */
.jive-content-filter {
left: 0px !important;
width: 80% !important;
}
.touchcarousel-wrapper { width: 100% !important; }
/* more search results available */
#j-more-search-results-available { padding: 10px !important; }
/* misc */
.jive-widget { margin-bottom: 10px !important; }
.j-column { margin-bottom: 10px !important; }
/* ------------------
swap left-right positions of threads table and sidebar ui (filters & actions)
*/
/* threads table float left */
.j-layout-sl .j-column-wrap-l { float: left !important; }
/* sidebar ui float right */
.j-layout-sl .j-column-s { float: right !important; }
/* ------------------ */
/* ------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread original post */
.j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
/* thread replies ul */
ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
/* thread reply li */
.jive-discussion-replies li.reply { margin-top: 15px !important; }
/* thread view indent */
.jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
/* thread info */
.jive-thread-info {
padding: 10px 40px !important;
margin: 0px !important;
}
/* thread answer rollup */
.j-answer-rollup { margin: 30px 0px !important; }
/* thread post header (poster, date, response to) */
.j-thread-post > header {
padding: 10px 20px 0px 20px !important;
margin-bottom: 12px !important;
}
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 6px !important;
}
/* thread post footer (Like|Reply etc) */
.j-thread-post footer { padding: 0px 15px !important; }
.j-thread-post footer > ul { padding: 2px !important; }
.j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
/* thread rendered content */
.jive-rendered-content { padding-bottom: 4px !important; }
/* thread rendered content quote & pre */
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
margin: 5px 15px !important;
}
/* thread reply footer (Return to Community|Go to original post) */
#jive-thread-reply-footer { margin-top: 10px !important; }
/* more like this links, incomming links */
#apple-related-threads { margin: 0px 40px !important; }
#apple-related-threads .j-box { margin-bottom: 0px !important; }
.j-icon-list li { padding: 3px 0px 3px 22px !important; }
/* ---------------------------
INLINE EDITOR
*/
/* editor */
.jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
/* ---------------------------
ADVANCED EDITOR
*/
/* content area */
.j-thread .jive-content.jive-create-thread,
.jive-body-formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
padding: 0px !important;
}
/* header */
.j-thread .jive-content.jive-create-thread h2,
.jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }
/* editor panel */
.j-thread .jive-content.jive-create-thread #jive-compose-title,
.j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
.jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
.jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
/* line height in editor */
body.tiny_mce_content { line-height: inherit !important; }
/* replying to */
.jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }
/* buttons (Reply|Cancel) */
.j-publishbar,
.jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
/* ---------------------------
ACTIVITY STREAM
*/
/* activity entry */
.j-act-entry { padding: 5px 0px 10px 100px !important; }
/* activity title */
.j-body-home .j-act-title { padding: 10px 0px 5px 24px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
}You have done great work! 🙂
Consider making this a user tip.
Robert
🙂 I got your css file to work on my Fedora 20 system running Firefox. I had the wrong folder. User Styles pointed me to the correct folder.
Thanks
😊
Robert
Hello Robert,
I saw another discussions of yours:
How am I supposed to read what a poster writes?
https://discussions.apple.com/thread/6446548
I think you see the said truncation if your browser window width is smaller than the minimum content width determined by the minimum body width of ASC layout, which is set to 1120px. You can remove the minimum width restrictions by modifying its CSS. I played around with it and come to a revised version (v 0.4) of CSS rules for Firefox.
I have adjusted the BODY, ASC HEADER AREA and ASC TOP PAGE sections of the following rules so as to remove the min-width restrictions (BODY) and adjust some layout and overflow behaviours accordingly (ASC HEADER AREA and ASC TOP PAGE). I did not touch the global header area (the top navigation bar (Apple|Store|Mac... etc) whose width is set to 980px and thus if the browser window is narrower than 980px, horizontal scroll control will appear whilst the body text will wrap properly within the current width.
I post this revision here just for convenience and will put a link to this thread in the another discussion.
And, well, I dare not put css modification rules as a User Tip in the very target site. Haha. 😉
Rules are moderately tested with Firefox 24.6.0esr under OSX 10.6.8.
Hope this may help,
Hiroto
/*
custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.4)
*/
@-moz-document
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* ------------------------------------------------
BODY
*/
body {
background: white;
min-width: 0px !important;
}
#body-apple {
width: 100% !important;
min-width: 0px !important;
}
/* ------------------------------------------------
TEXT
*/
/* line spacing */
.jive-content { line-height: 1.25 !important; }
/* ------------------------------------------------
ASC HEADER AREA
*/
#j-header,
#j-compact-header,
#j-footer { width: 100% !important; }
/* navigation header (Apple Support Communities ...) */
#j-header-wrap {
padding: 0px 40px !important;
margin: 0px 0px 15px !important;
}
#j-globalNav-bg {
padding: 0pX !important;
margin: 0px !important;
}
#j-satNav { overflow: visible !important; }
#jive-breadcrumb { right: 40px !important; }
/* ------------------------------------------------
ASC TOP PAGE
*/
.content-large {
text-align: center !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.apple-communities {
display: inline-block !important;
width: 1120px !important;
text-align: left !important;
}
/* ------------------------------------------------
THREAD LIST BROWSER
*/
/* show author name in 'Latest activity' column in detailed list view of threads */
td.j-td-date > span { display : inherit !important; }
/* main section */
#j-main { padding: 0px !important; }
/* table cell title */
.jive-table td.jive-table-cell-title { padding: 5px !important; }
/* threads list view table tr td */
.j-browse-details-tbody tr td { padding: 5px !important; }
/* communities list view table tr td */
.jive-communities-listing table tr td { padding: 5px !important; }
/* thumbnails view width */
.j-browse-content .j-thumb-view,
.j-browse-places .j-browse-thumbnails,
.j-browse-people .j-browse-thumbnails { width: 100% !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple subheader row ("Find helpful contents and discussions" etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 80px 15px !important;
margin-bottom: 15px !important;
}
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* browser filter row */
#j-browse-filters { margin-bottom: 5px !important; }
/* browser controls row */
.j-type-row { margin-bottom: 0px !important; }
/* browser controls content types (All Contents|User Tips|Discussions) width */
#js-browse-controls .j-type-row .j-content-types {
width: 90% !important;
}
/* browser controls view toggle (Thumbnails|Details) width */
#js-browse-controls #j-item-view-toggle {
width: 10% !important;
display: table !important;
}
/* content filter row (All|Open|Answered|Threads) */
.j-content-filter {
background: white !important;
margin-bottom: 10px !important;
}
/* container canvas */
.j-contained {
margin-left: 40px !important;
margin-right: 40px !important;
}
/* category filter bar */
.jive-content-filter {
left: 0px !important;
width: 80% !important;
}
.touchcarousel-wrapper { width: 100% !important; }
/* more search results available */
#j-more-search-results-available { padding: 10px !important; }
/* misc */
.jive-widget { margin-bottom: 10px !important; }
.j-column { margin-bottom: 10px !important; }
/* ------------------
swap left-right positions of threads table and sidebar ui (filters & actions)
*/
/* threads table float left */
.j-layout-sl .j-column-wrap-l { float: left !important; }
/* sidebar ui float right */
.j-layout-sl .j-column-s { float: right !important; }
/* ------------------ */
/* ------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread original post */
.j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
/* thread replies ul */
ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
/* thread reply li */
.jive-discussion-replies li.reply { margin-top: 15px !important; }
/* thread view indent */
.jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
/* thread info */
.jive-thread-info {
padding: 10px 40px !important;
margin: 0px !important;
}
/* thread answer rollup */
.j-answer-rollup { margin: 30px 0px !important; }
/* thread post header (poster, date, response to) */
.j-thread-post > header {
padding: 10px 20px 0px 20px !important;
margin-bottom: 12px !important;
}
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 6px !important;
}
/* thread post footer (Like|Reply etc) */
.j-thread-post footer { padding: 0px 15px !important; }
.j-thread-post footer > ul { padding: 2px !important; }
.j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
/* thread rendered content */
.jive-rendered-content { padding-bottom: 4px !important; }
/* thread rendered content quote & pre */
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
margin: 5px 15px !important;
}
/* thread reply footer (Return to Community|Go to original post) */
#jive-thread-reply-footer { margin-top: 10px !important; }
/* more like this links, incomming links */
#apple-related-threads { margin: 0px 40px !important; }
#apple-related-threads .j-box { margin-bottom: 0px !important; }
.j-icon-list li { padding: 3px 0px 3px 22px !important; }
/* ---------------------------
INLINE EDITOR
*/
/* editor */
.jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
/* ---------------------------
ADVANCED EDITOR
*/
/* content area */
.j-thread .jive-content.jive-create-thread,
.jive-body-formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
padding: 0px !important;
}
/* header */
.j-thread .jive-content.jive-create-thread h2,
.jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }
/* editor panel */
.j-thread .jive-content.jive-create-thread #jive-compose-title,
.j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
.jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
.jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
/* line height in editor */
body.tiny_mce_content { line-height: inherit !important; }
/* replying to */
.jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }
/* buttons (Reply|Cancel) */
.j-publishbar,
.jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
/* ---------------------------
ACTIVITY STREAM
*/
/* activity entry */
.j-act-entry { padding: 5px 0px 10px 100px !important; }
/* activity title */
.j-body-home .j-act-title { padding: 10px 0px 5px 24px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
}Thanks for the update.
And, well, I dare not put css modification rules as a User Tip in the very target site. Haha.
I'd encourage you to reconsider. I have benefited your changes. I can see the content list without have to scroll the view screen to the right.
I bet a lot of people would benefit from these changes. The more publicity would let more folks benefit.
Robert
Hello
I've found some problems in the last rule set (v 0.4). Here's the corrected v 0.41.
Fixes include -
a) in ASC TOP PAGE section, restricted the selector for .content-large with its parent id so that this rule won't affect the other elements. (The class="content-large" is widely used and the overflow rules defined for top page have ill effects on others.)
b) in THREAD LIST BROWSER section, added one rule to rules for category filter bar so that it will prevent horizontal scroll bar from appearing even when window size is wider than the global header width (980px).
c) added SEARCH RESULTS section, where the left margin of search results block is rectified. (Indeed this has been required since v 0.2 rule set which moved sidebar to right and content to left.)
Sorry for any confusions I may have made.
All the best,
Hiroto
PS. As for User Tip thing, well, I may reconsider it if it helps many. However, our beloved Firefox is in the minority in Safari park, isn't it?
/*
custom styles for Apple Support Communities board system introduced in 2014-06 (v 0.41)
*/
@-moz-document
domain(discussions.apple.com),
domain(discussionsjapan.apple.com),
domain(discussionskorea.apple.com)
{
/* ------------------------------------------------
BODY
*/
body {
background: white;
min-width: 0px !important;
}
#body-apple {
width: 100% !important;
min-width: 0px !important;
}
/* ------------------------------------------------
TEXT
*/
/* line spacing */
.jive-content { line-height: 1.25 !important; }
/* ------------------------------------------------
ASC HEADER AREA
*/
#j-header,
#j-compact-header,
#j-footer { width: 100% !important; }
/* navigation header (Apple Support Communities ...) */
#j-header-wrap {
padding: 0px 40px !important;
margin: 0px 0px 15px !important;
}
#j-globalNav-bg {
padding: 0pX !important;
margin: 0px !important;
}
#j-satNav { overflow: visible !important; }
#jive-breadcrumb { right: 40px !important; }
/* ------------------------------------------------
ASC TOP PAGE
*/
#jive-widgetframe-body_5780758 > .content-large { /* added parent id in v0.41 */
text-align: center !important;
overflow-x: auto !important;
overflow-y: hidden !important;
}
.apple-communities {
display: inline-block !important;
width: 1120px !important;
text-align: left !important;
}
/* ------------------------------------------------
THREAD LIST BROWSER
*/
/* show author name in 'Latest activity' column in detailed list view of threads */
td.j-td-date > span { display : inherit !important; }
/* main section */
#j-main { padding: 0px !important; }
/* table cell title */
.jive-table td.jive-table-cell-title { padding: 5px !important; }
/* threads list view table tr td */
.j-browse-details-tbody tr td { padding: 5px !important; }
/* communities list view table tr td */
.jive-communities-listing table tr td { padding: 5px !important; }
/* thumbnails view width */
.j-browse-content .j-thumb-view,
.j-browse-places .j-browse-thumbnails,
.j-browse-people .j-browse-thumbnails { width: 100% !important; }
/* social actions row */
.apple-social-actions-wrapper { margin-right: 0px !important; }
.j-thread .j-social-actions { margin-right: 40px !important; }
/* apple subheader row ("Find helpful contents and discussions" etc )*/
#apple-full-subheader,
#apple-activity-subheader {
padding: 0px 80px 15px !important;
margin-bottom: 15px !important;
}
/* page header */
.j-body-place #jive-body > header.j-page-header {
margin-left: 40px !important;
margin-right: 40px !important;
width: auto !important;
}
/* browser filter row */
#j-browse-filters { margin-bottom: 5px !important; }
/* browser controls row */
.j-type-row { margin-bottom: 0px !important; }
/* browser controls content types (All Contents|User Tips|Discussions) width */
#js-browse-controls .j-type-row .j-content-types {
width: 90% !important;
}
/* browser controls view toggle (Thumbnails|Details) width */
#js-browse-controls #j-item-view-toggle {
width: 10% !important;
display: table !important;
}
/* content filter row (All|Open|Answered|Threads) */
.j-content-filter {
background: white !important;
margin-bottom: 10px !important;
}
/* container canvas */
.j-contained {
margin-left: 40px !important;
margin-right: 40px !important;
}
/* category filter bar */
.jive-content-filter {
left: 0px !important;
width: 80% !important;
}
.touchcarousel-wrapper { width: 100% !important; }
.touchcarousel .tc-paging-container { width: 90% !important; } /* added in v0.41 */
/* more search results available */
#j-more-search-results-available { padding: 10px !important; }
/* misc */
.jive-widget { margin-bottom: 10px !important; }
.j-column { margin-bottom: 10px !important; }
/* ------------------
swap left-right positions of threads table and sidebar ui (filters & actions)
*/
/* threads table float left */
.j-layout-sl .j-column-wrap-l { float: left !important; }
/* sidebar ui float right */
.j-layout-sl .j-column-s { float: right !important; }
/* ------------------ */
/* ------------------------------------------------
THREAD CONTENT BROWSER
*/
/* thread header */
.apple-thread-header {
width: auto !important;
margin-bottom: 10px !important;
margin-left: 40px !important;
}
/* thread original post */
.j-thread .jive-content { margin: 0px 40px 0px 140px !important; }
/* thread replies ul */
ul.jive-discussion-replies.jive-discussion-indent-0 { margin: 0px !important; }
/* thread reply li */
.jive-discussion-replies li.reply { margin-top: 15px !important; }
/* thread view indent */
.jive-discussion-indent-1 li.reply { padding-left: 15px !important; }
/* thread info */
.jive-thread-info {
padding: 10px 40px !important;
margin: 0px !important;
}
/* thread answer rollup */
.j-answer-rollup { margin: 30px 0px !important; }
/* thread post header (poster, date, response to) */
.j-thread-post > header {
padding: 10px 20px 0px 20px !important;
margin-bottom: 12px !important;
}
/* thread post section (message body) */
.j-thread-post section {
padding: 0px 20px !important;
margin-bottom: 6px !important;
}
/* thread post footer (Like|Reply etc) */
.j-thread-post footer { padding: 0px 15px !important; }
.j-thread-post footer > ul { padding: 2px !important; }
.j-thread-post footer > .acclaim-container { margin: 5px 0px !important; }
/* thread rendered content */
.jive-rendered-content { padding-bottom: 4px !important; }
/* thread rendered content quote & pre */
.jive-rendered-content .jive-quote,
.jive-rendered-content .jive-pre {
margin: 5px 15px !important;
}
/* thread reply footer (Return to Community|Go to original post) */
#jive-thread-reply-footer { margin-top: 10px !important; }
/* more like this links, incomming links */
#apple-related-threads { margin: 0px 40px !important; }
#apple-related-threads .j-box { margin-bottom: 0px !important; }
.j-icon-list li { padding: 3px 0px 3px 22px !important; }
/* ---------------------------
INLINE EDITOR
*/
/* editor */
.jive-discussion-replies li.addReply { margin: 50px 40px 0px !important; }
/* ---------------------------
ADVANCED EDITOR
*/
/* content area */
.j-thread .jive-content.jive-create-thread,
.jive-body-formpage-document .jive-content.doc-page {
margin: 0px 40px !important;
padding: 0px !important;
}
/* header */
.j-thread .jive-content.jive-create-thread h2,
.jive-body-formpage-document .jive-content.doc-page h2 { padding: 0px !important; }
/* editor panel */
.j-thread .jive-content.jive-create-thread #jive-compose-title,
.j-thread .jive-content.jive-create-thread .jive-editor-panel.jive-large-editor-panel,
.jive-body-formpage-document .jive-content.doc-page #jive-compose-title,
.jive-body-formpage-document .jive-content.doc-page .jive-editor-panel.jive-large-editor-panel { margin: 0px !important; }
/* line height in editor */
body.tiny_mce_content { line-height: inherit !important; }
/* replying to */
.jive-body-formpage-comment .jive-thread-message { margin: 0px !important; }
/* buttons (Reply|Cancel) */
.j-publishbar,
.jive-body-formpage .jive-composebuttons { margin: 20px 40px 0px !important; }
/* ---------------------------
ACTIVITY STREAM
*/
/* activity entry */
.j-act-entry { padding: 5px 0px 10px 100px !important; }
/* activity title */
.j-body-home .j-act-title { padding: 10px 0px 5px 24px !important; }
/* Like list */
.j-act-grouped .j-act-g-item { padding: 3px !important; }
/* ---------------------------
SEARCH RESULTS
*/
.jive-body-search .j-layout-sl .j-column-wrap-l { margin-left: 0px !important; } /* added in v0.41 */
}Here is how I found the folder to place the userContent.css file in.
Working instructions...
To find the exact path, I installed stylish ( User Styles ). See Hiroto 's Jul 8, 2014 12:51 AM post.
https://addons.mozilla.org/en-US/firefox/addon/stylish/
after installing and restarting firefox.
firefox > tools > add ons > User Styles
click on write new styles
click on insert
click on chrome folder path
The path shows up. It comes out as a path for a web browser.
More info:
http://ffeathers.wordpress.com/2013/03/10/how-to-override-css-stylesheets-in-fir efox/
Robert
Am I missing something in the recommended list?