MyBB Community Forums

Full Version: Help updating lockfolder to closefolder
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
With the new version of mybb my closed threads are still using the "thread_status dot_lockfolder" when it should be closefolder. my css is telling me to look inside of "usercp_latest_threads_threads" but I can't find anything relevant to change. any ideas?
global.css approx lines 300-350

.forum_status {
height: 30px;
width: 30px;
background: url(images/forum_icon_sprite.png) no-repeat 0 0;
display: inline-block;
}

.forum_on {
background-position: 0 0;
}

.forum_off {
background-position: 0 -30px;
}

.forum_offclose {
background-position: 0 -60px;
}

.forum_offlink {
background-position: 0 -90px;
}

.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
background-position: 0 0;
}

.subforum_minioff {
background-position: 0 -10px;
}

.subforum_minioffclose {
background-position: 0 -20px;
}

.subforum_miniofflink {
background-position: 0 -30px;
}

you also might need to change the forumbit templates

forumbit should be ok, the legend in index template needs changing.
Woops i forgot to specify my forum is using font awesome sprites, its not using the default theme. Also this is only happening in the usercp panel.

Heres an example of what im on about

[Image: 667f75927d3b9e3963ee4d6b673e3182.png]

[Image: b571b0a422e92fdc93528317e4679931.png]

all i did was inspect element and rename it from lockfoler to closefolder but i need to know where the stylesheet is for it so i can update that
(2018-09-28, 01:46 PM)rossiscool123 Wrote: [ -> ]Woops i forgot to specify my forum is using font awesome sprites, its not using the default theme. Also this is only happening in the usercp panel.

Heres an example of what im on about

[Image: 667f75927d3b9e3963ee4d6b673e3182.png]

[Image: b571b0a422e92fdc93528317e4679931.png]

all i did was inspect element and rename it from lockfoler to closefolder but i need to know where the stylesheet is for it so i can update that


Have you tried replacing thread_status.css with:


.thread_status {
    display: inline-block;
}

.thread_status.dot_folder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #017DCC;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_folder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.dot_hotfolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_hotfolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.dot_hotclosefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_hotclosefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.dot_closefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FFD700;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_closefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.dot_newfolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FFD700;
    content: "\f023";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_newfolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.dot_newhotfolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_newhotfolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.dot_newhotclosefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_newhotclosefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.dot_newclosefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FFD700;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_newclosefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.folder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #C6C6C6;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.folder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.hotfolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.hotfolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.hotclosefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.hotclosefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.closefolder:before {
    font-family: FontAwesome;
    font-size: 14px;
    color: #333;
    content: "\f023";
    position: absolute;
    z-index: 1;
}

.thread_status.closefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.movefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FFD700;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.movefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.newfolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #BDE1A0;
    content: "\f111";
    position: absolute;
    z-index: 1; 
}

.thread_status.newfolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.newhotfolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.newhotfolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.newhotclosefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FA6A6A;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.newhotclosefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}

.thread_status.newclosefolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #AEAEAE;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.newclosefolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}
its inside the usercp, i updated the thread status.css a few days ago but my usercp is the only place where its not working.

i tried a fresh install of 1.8.19 and version 2.1 of your theme and the same problem.
Hmm, thanks for pointing this out, and when I have some free time to get on a computer I will have a look at it. Temporarily you could add this to the bottom of your thread_status.css:


/** Temp solution need to trace source of issue when I have time **/

.thread_status.dot_lockfolder:before {
    font-family: FontAwesome;
    font-size: 8px;
    color: #FFD700;
    content: "\f111";
    position: absolute;
    z-index: 1;
}

.thread_status.dot_lockfolder:after {
    font-family: FontAwesome;
    font-size: 14px;
    color: #fff;
    content: "\f15c";
    position: relative;
    z-index: 0;
    background-color: #333;
    border: #333 1px solid;
}
glad a made this aware to you, dont mean to be rude but I did notice this in your latest 2.1 theme on a fresh install of mybb. But at least I made this award for you. I did play around with this and I think the usercp isn't updated for the lockfolder > closefolder change. But I have very little knowledge of mybb and its stylesheets so I could be wrong.
Do me a favor if you will since I am not near a computer

 Try removing the tempory lock css added to thread_status.css earlier

And then in main forum directory edit usercp.php and find

				if($thread['closed'] == 1)
				{
					$folder .= "lock";
					$folder_label .= $lang->icon_lock;
	
				}


Change to:


				if($thread['closed'] == 1)
				{
//					$folder .= "lock";
//					$folder_label .= $lang->icon_lock;
                      $folder .= "close";
				      $folder_label .= $lang->icon_close;
				}


Now visit usercp and tell me if the missing icon appears? If so then it might be core related and not theme related. As when I do this same edit on my localhost the missing icon appears as you can see from my mobile localhost screenshot.

Note: Thanks for causing me to find a potential bug! Now reported here:https://community.mybb.com/thread-219978...pid1315384
Well your gonna be happy to hear it worked, nice to know that I pointed a nice little bug, anything else just hit me up.