How to disable or hide WhatsApp Web Sidebar? - whatsapp

I have tried the solution provided [here][1]
[1]: https://webapps.stackexchange.com/questions/119105/how-can-i-toggle-or-shrink-the-whatsapp-web-sidebar which doesn't seem to work now. Could be due to the changes over the years.
Is there way to hide or close the sidebar that shows the contacts and conversations? Just surprised that WhatsApp doesn't offer this option directly.

If you want to disable/hide the sidebar, open Inspect tools and search id="side" and select its parent div and on elements.style write the following css:
display : none
If you want to unhide the sidebar just remove css or deselect it.

Related

Odoo - how to hide conversations icon in menu bar

I'm customizing odoo community v14 
We don't use the discuss module but it was installed by other modules we use, so I've removed the 'Discuss' menu item, but I can't find how to remove the conversions icon just at the left of were the the activity  icon  and  user name is shown.
I found a response for a similar question in odoo forum but I couldn't find the code of this icon in addons/mail/static/src/xml/systray.xml only the code of activity icon is present
I searched for some parts of the html code in entire odoo source code but with no result
Any help please?
I did it using css by adding li.o_MessagingMenu{display: none !important;} to addons/web/static/src/scss/navbar.scss

Make a sidebar that allows to navigate in one page

I would like to know if Docusaurus has the following feature. For example in https://themes.3rdwavemedia.com/demo/prettydocs/start.html, the content of the document is in one page. When we scroll down, we see the change in the sidebar. Whereas in Docusaurus, it seems that we need to click on "Next" to see the next part and the change in the sidebar.
Is it possible to make a sidebar in Docusaurus that allows to navigate in one page?
(I'm new to Docusaurus. I have posted the same question in Discord app, but nobody replied.)
Docusaurus maintainer here. There's no way to achieve this now without reimplementing such logic in your own docs plugin. Why not just write all your docs on a single page? The table of contents on the right will be the same as the left table of contents in the website you linked.

How to generate Facebook Share buttons to dynamically fetched content?

Here we have an article on how to add share buttons to a web page and it works:
https://developers.facebook.com/docs/plugins/share-button/
But on my website, I have a "Load more" button to fetch content dynamically and I have no idea how to add a Share button to newly generated items.
Obviously adding this div does not make any effect so I probably need to call some Facebook function to the newly created divs.
<div class="fb-share-button"
data-href="https://www.your-domain.com/your-page.html"
data-layout="button_count">
</div>
Is anyone aware what is the name of this magic function?
OK, found the solution here:
https://developers.facebook.com/docs/javascript/examples#dialogs
It shows how to trigger a share popup. It also gives more control over the look of the share button which is also what I've been looking for.

Google +1 Button - how to disable the pop up?

I'd like to disable the box that appear when the user hover +1 button I've placed on my site. Also I'd like to disable the box that pops out when the action is made.
Is this possible to do? I can't find any details in the documentation.
Very similar question: Facebook Like Button - how to disable Comment pop up?
Unfortunately, the hover bubble is a feature of the +1 button, as it provides a user with additional information about what they are recommending. At this time, it is not possible to remove them. But you can feel free to make the feature request in our Issue Tracker, which you can find at http://developers.google.com/+/support.
I'd also like to know the proper answer to this! Their data-recommendations="false" attribute currently does nothing. The best I have currently found is a CSS solution to hide the table that is displayed on hover:
table.gc-bubbleDefault.pls-container {
display: none !important;
}

jQuery mobile - how do I get rid of the blue highlight on the Home button

I'm using jQuery mobile, and am using a home button in the header. When clicked, the home button has a blue highlight. I want to get rid of this, but can't seem to track down the CSS rule/-webkit CSS rule to do this.
Screenshot:
Can anyone help?
In jQuery Mobile the class added to buttons just pressed is: ui-btn-active. Here is a link to the documentation that talks about this class (although it doesn't say much): http://jquerymobile.com/demos/1.0b2/docs/toolbars/docs-navbar.html
Not sure if this is what you needed but I figured it might help. I'd recommend using FireBug or some such DOM Inspection tool to view the button in real-time.
You sure that's not just the default hi-light that links get when focused?
Try
#buttonID:focus{
border: none;
outline: 0;
}
An idea to help you track the problem as you don't share the link (you can easily just share the first page), is to use Safari, Chrome or even Firefox and make them act as an iPhone so you can use their Inspector / Firebug to track the problem
Firefox has a Agent User Switcher that you can easily make use in order to the browser be intrepertate as an iPhone
Chrome has it as well just add the User Agent string in the Extension options to create a new option
Safari 5 is the easiest one as this is already built in:
Open Safari and go to the Preferences, move to Advanced. At the bottom of the tab there is a check box for Show Develop menu in menu bar.
Go to the Develop menu and move to User Agent and select any iOS device.