WelcomeBox

Justoverclock

1.3.2

WelcomeBox now is widget-compatible, you can choose which version to use into extension settings

powersur

I have seen a new update taking effect, the old image was big? now we have to look for our own guest welcoming picture .

Justoverclock

powersur wdym exactly? the widget is still the same

Paran0lik

Justoverclock Hi, is it possible to rollback to the version back? In the new version, welcomebox has moved down due to the introduction into the forum widgets.

screen

P.S. i just fix it in css

datlechin

Paran0lik just disable the Use Widget Version switch
if you want to rollback to earlier version, run:

composer require justoverclock/flarum-ext-welcomebox:1.3.1

Justoverclock

Paran0lik yeah simply into extension settings turn off "use widget version", and all become normal

or simply modify the css:

.containerwb {
    margin-top: -11px !important;
}

1.3.3

fixed dark mode background for guest box

Paran0lik

Justoverclock when disconnected, everything remains the same = \

Justoverclock

Paran0lik u mean for guest?

u need to do the same for guest:

.backgrwbguest {
    margin-top: -40px !important; //change this value according to your needs
}

Paran0lik

Justoverclock Is it possible to move this block in the mobile version of the site to the side menu?

Justoverclock

Paran0lik technically possible but need to rewrite the extension

Paran0lik

Justoverclock So far, I supported you to update the weather widget, a little later, if you do not mind doing this, I am ready to support this function too)

Justoverclock

Paran0lik thank you for your support, i will start to see if your request is doable 😉

Spooonky

Justoverclock
Would Donate for it

datlechin

can you check my PR ^^

ash3T

Thanks for adding the "Use Widget Version" function. Because I use the following CSS for AfruxWidgets-Widget-content in other widgets:

box-shadow: rgba(0,0,0,0.1) 0px 1px 3px 0px,rgba(0,0,0,0.06) 0px 1px 2px 0px;

Then the welcome Box becomes likes this: 😅

How can I do about it?

I am think about customizing a few icon on the welcome box, such as my bookmarks, my badges, Following. Would you please help me with this? Thanks in advance.

Justoverclock

ash3T post your forum link so I can see the widget css live.

Customizing icon means that u need to fork and rewrite that part of the extension 😉

ash3T

Justoverclock Thanks for your reply. Here is the [link](Edit：this is the [link](https:/).

Justoverclock Customizing icon means that u need to fork and rewrite that part of the extension 😉

I never did those before, I will give it a try. 😀

Justoverclock

ash3T simply add this to your css:

.backgrwb{
    box-shadow: none !important;
}
.backgrwbguest{
    box-shadow: none !important;
}

ash3T

Justoverclock Thanks very much for the quick fix 😄 . I should have thought about it. 😅

I also want to add the following:

.containerwb {
 margin-top: 0 !important;
 margin-bottom: 0 !important;
}

So the welcome box will not be too tall. 😀

samtto

How to delete a blank area? Justoverclock

code as follows:

<nav class="IndexPage-nav sideNav"><ul><li class="item-startTopWidgetSection"><div class="AfruxWidgets-startTop AfruxWidgets-WidgetSection"><div class="AfruxWidgets-Widget welcomebox-widget"><div class="AfruxWidgets-Widget-content"></div></div></div></li><li class="item-welcomeBox"><div class="containerwb"><div class="backgrwb"><button class="Dropdown-toggle Button logwbox hasIcon" type="button" aria-label="Log Out"><i aria-hidden="true" class="icon fas fa-sign-out-alt logoutt Button-icon"></i><span class="Button-label"></span></button><div><a href="/u/tmtd"><div class="avatarwb"><div class="AvatarEditor Dropdown"><img class="Avatar " src="https://bbs.tmtd.cn/assets/avatars/KCl9GcNItf0x3dQk.png" alt=""><a class="Dropdown-toggle" title="Upload a new avatar" data-toggle="dropdown"><i aria-hidden="true" class="icon fas fa-pencil-alt "></i></a><ul class="Dropdown-menu Menu"><li class="item-upload"><button class="hasIcon" type="button"><i aria-hidden="true" class="icon fas fa-upload Button-icon"></i><span class="Button-label">Upload</span></button></li><li class="item-remove"><button class="hasIcon" type="button"><i aria-hidden="true" class="icon fas fa-times Button-icon"></i><span class="Button-label">Remove</span></button></li></ul></div></div></a></div><div class="contentwb"><div class="textinfo">Welcome back,<br><strong><span class="username">ZWH</span></strong></div><div class="cont"><div class="circletop"><a href="/settings" title="Settings"><i class="menuicon fas fa-tasks"></i></a><a href="/u/tmtd" title="Profile"><i class="menuicon far fa-user"></i></a><a href="/u/tmtd/mentions" title="Mentions"><i class="menuicon fas fa-at"></i></a><a href="/u/tmtd/discussions" title="My Discussion List"><i class="menuicon far fa-list-alt"></i></a></div></div></div><div class="iconbadge"><li class="item-group1"><div class="Badge Badge--group--1" title="" aria-label="Admin" style="--badge-bg:#B72A2A;" data-original-title="Admin"><i aria-hidden="true" class="icon fas fa-wrench Badge-icon"></i></div></li></div><div class="ulwb contentwb"><li><label class="textinfo">Posts</label>: <strong class="textinfo">103</strong></li><li><label class="textinfo">Discussions</label>: <strong class="textinfo">78</strong></li></div></div></div></li><li class="App-primaryControl item-newDiscussion"><button class="Button Button--primary IndexPage-newDiscussion hasIcon" type="button" itemclassname="App-primaryControl"><i aria-hidden="true" class="icon fas fa-edit Button-icon"></i><span class="Button-label">Start a Discussion</span></button></li><li class="item-nav"><div class="ButtonGroup Dropdown dropdown App-titleControl Dropdown--select itemCount15"><button class="Dropdown-toggle Button" aria-haspopup="menu" aria-label="Toggle navigation dropdown menu" data-toggle="dropdown"><span class="Button-label">All Discussions</span><i aria-hidden="true" class="icon fas fa-sort Button-caret"></i></button><ul class="Dropdown-menu dropdown-menu "><li class="item-allDiscussions active"><a class="hasIcon" href="/" active="true"><i aria-hidden="true" class="icon far fa-comments Button-icon"></i><span class="Button-label">All Discussions</span></a></li><li class="item-privateDiscussions"><a class="hasIcon" href="/private" active="false"><i aria-hidden="true" class="icon fas fa-address-card Button-icon"></i><span class="Button-label">Private Discussions</span></a></li><li class="item-following"><a class="hasIcon" href="/following" active="false"><i aria-hidden="true" class="icon fas fa-star Button-icon"></i><span class="Button-label">Following</span></a></li><li class="item-bookmarks"><a class="hasIcon" href="/bookmarks" active="false"><i aria-hidden="true" class="icon fas fa-bookmark Button-icon"></i><span class="Button-label">Bookmarks</span></a></li><li class="item-tags"><a class="hasIcon" href="/tags" active="false"><i aria-hidden="true" class="icon fas fa-th-large Button-icon"></i><span class="Button-label">Tags</span></a></li><li class="Dropdown-separator"></li><li class="item-tag1"><a class="TagLinkButton hasIcon" href="/t/diary" title="A person’s private record of events, thoughts, feelings" style="--color:#339999;"><i class="Button-icon icon fab fa-chrome" style="--color:#339999; color: rgb(51, 153, 153);"></i><span class="Button-label">Diary</span></a></li><li class="item-tag8"><a class="TagLinkButton hasIcon" href="/t/parenting" title="Raising of children" style="--color:#1aad19;"><i class="Button-icon icon fas fa-baby" style="--color:#1aad19; color: rgb(26, 173, 25);"></i><span class="Button-label">Parenting</span></a></li><li class="item-tag10"><a class="TagLinkButton hasIcon" href="/t/talk" title="Anything but AD." style="--color:#339999;"><i class="Button-icon icon fab fa-rocketchat" style="--color:#339999; color: rgb(51, 153, 153);"></i><span class="Button-label">Talk</span></a></li><li class="item-tag2"><a class="TagLinkButton hasIcon" href="/t/study" title="to learn  to share." style="--color:#99ffff;"><i class="Button-icon icon fab fa-edge" style="--color:#99ffff; color: rgb(153, 255, 255);"></i><span class="Button-label">Study</span></a></li><li class="item-tag9"><a class="TagLinkButton hasIcon" href="/t/rightsprotection" title="RightsProtection" style="--color:#ff0033;"><i class="Button-icon icon fas fa-money-check-alt" style="--color:#ff0033; color: rgb(255, 0, 51);"></i><span class="Button-label">RightsProtection</span></a></li><li class="item-tag6"><a class="TagLinkButton hasIcon" href="/t/secret" title="Some little-known stories" style="--color:#FF6EB4;"><i class="Button-icon icon fas fa-hands" style="--color:#FF6EB4; color: rgb(255, 110, 180);"></i><span class="Button-label">Secret</span></a></li><li class="item-tag7"><a class="TagLinkButton hasIcon" href="/t/antastic" title="administrator only" style="--color:#99cc66;"><i class="Button-icon icon fas fa-beer" style="--color:#99cc66; color: rgb(153, 204, 102);"></i><span class="Button-label">antastic</span></a></li><li class="item-tag5"><a class="TagLinkButton hasIcon" href="/t/todo" title="" style="--color:#ff4c41;"><i class="Button-icon icon fas fa-clock" style="--color:#ff4c41; color: rgb(255, 76, 65);"></i><span class="Button-label">ToDo</span></a></li><li class="item-tag4"><a class="TagLinkButton hasIcon" href="/t/done" title="" style="--color:#006633;"><i class="Button-icon icon fas fa-check-circle" style="--color:#006633; color: rgb(0, 102, 51);"></i><span class="Button-label">Done</span></a></li></ul></div></li><li class="item-startBottomWidgetSection"><div class="AfruxWidgets-startBottom AfruxWidgets-WidgetSection"></div></li></ul></nav>

thanks to @Forhack 😀


@media @phone {
.welcomebox-widget .AfruxWidgets-Widget-content {
    display: none !important;
 }
}

« Previous Page Next Page »