MyBB Community Forums

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 

Change the .thread_status.dot_folder rule in thread_status.css

(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?

Well.. bump!

(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.