MyBB Community Forums
Status folder - Replied to thread - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: Status folder - Replied to thread (/thread-225395.html)



Status folder - Replied to thread - makpaolo - 2019-11-22

How can I make a status folder in css specifically for when a user has replied to a thread, then the status folder icon will change.

How should I do this? ThanksĀ  Angel


RE: Status folder - Replied to thread - Crazycat - 2019-11-22

Change the .thread_status.dot_folder rule in thread_status.css


RE: Status folder - Replied to thread - makpaolo - 2019-11-22

(2019-11-22, 10:28 PM)Crazycat Wrote: Change the .thread_status.dot_folder rule in thread_status.css

My thread_status.css contains:
.thread_status {
	position: relative;
	margin: 0;
	text-align: center;
	display: inline-block;
	width: 34px
}
.page_forumdisplay .thread_status,
#page_forumdisplay .thread_status {
	width: 34px;
	right: 0;
	top: 30%;
	position: absolute
}
.thread_status:before {}
.thread_status:after {
	position: relative;
	font-family: 'font awesome 5 pro';
	content: "\f15b";
	font-size: 24px;
	font-weight: 800
}
.thread_status[class*=lock]:after {
	content: "\f05e"
}
.thread_status[class*=dot]:after {}
.dot_hotfolder:after,
.dot_newhotfolder:after,
.hotfolder:after,
.newhotfolder:after {
	content: "\f06d"
}
.dot_newfolder:after,
.newfolder:after {
	content: "\f15b"
}
.movefolder:after {
	content: "\f08e"
}
*[class*=hot]:after {
	color: #d9534f
}
*[class*=new]:after {
	color: #5cb85c
}
.thread_legend .thread_status {
	margin: 0 5px 0 0
}
.dot_folder:after,
.dot_hotfolder:after,
.dot_hotclosefolder:after,
.dot_closefolder:after,
.folder:after,
.hotfolder:after,
.hotclosefolder:after,
.closefolder:after,
.movefolder:after {
	color: #5d5d5d!important
}
.hotclosefolder:after,
.closefolder:after,
.dot_hotclosefolder:after,
.dot_closefolder:after {
	content: "\f023"
}
		
		

Would I just add that rule and it'll fix itself or?


RE: Status folder - Replied to thread - makpaolo - 2019-11-23

Well.. bump!


RE: Status folder - Replied to thread - User 129272 - 2019-11-23

(2019-11-22, 10:38 PM)makpaolo Wrote:
(2019-11-22, 10:28 PM)Crazycat Wrote: Change the .thread_status.dot_folder rule in thread_status.css

My thread_status.css contains:
.thread_status {
	position: relative;
	margin: 0;
	text-align: center;
	display: inline-block;
	width: 34px
}
.page_forumdisplay .thread_status,
#page_forumdisplay .thread_status {
	width: 34px;
	right: 0;
	top: 30%;
	position: absolute
}
.thread_status:before {}
.thread_status:after {
	position: relative;
	font-family: 'font awesome 5 pro';
	content: "\f15b";
	font-size: 24px;
	font-weight: 800
}
.thread_status[class*=lock]:after {
	content: "\f05e"
}
.thread_status[class*=dot]:after {}
.dot_hotfolder:after,
.dot_newhotfolder:after,
.hotfolder:after,
.newhotfolder:after {
	content: "\f06d"
}
.dot_newfolder:after,
.newfolder:after {
	content: "\f15b"
}
.movefolder:after {
	content: "\f08e"
}
*[class*=hot]:after {
	color: #d9534f
}
*[class*=new]:after {
	color: #5cb85c
}
.thread_legend .thread_status {
	margin: 0 5px 0 0
}
.dot_folder:after,
.dot_hotfolder:after,
.dot_hotclosefolder:after,
.dot_closefolder:after,
.folder:after,
.hotfolder:after,
.hotclosefolder:after,
.closefolder:after,
.movefolder:after {
	color: #5d5d5d!important
}
.hotclosefolder:after,
.closefolder:after,
.dot_hotclosefolder:after,
.dot_closefolder:after {
	content: "\f023"
}
		
		

Would I just add that rule and it'll fix itself or?
It should, as long as the icon actually has theĀ thread_status.dot_folder class.