Added the button to the html file and made it more like the other buttons

This commit is contained in:
harshil05133 2025-02-17 19:47:25 -05:00
parent 60e19bc281
commit 96234dff7b
5 changed files with 12 additions and 6 deletions

View file

@ -54,7 +54,7 @@
"pad.toolbar.settings.title": "Settings", "pad.toolbar.settings.title": "Settings",
"pad.toolbar.embed.title": "Share and Embed this pad", "pad.toolbar.embed.title": "Share and Embed this pad",
"pad.toolbar.showusers.title": "Show the users on this pad", "pad.toolbar.showusers.title": "Show the users on this pad",
"pad.toolbar.gohome.title": "Go back to home page", "pad.toolbar.gohome.title": "Go Home",
"pad.colorpicker.save": "Save", "pad.colorpicker.save": "Save",

View file

@ -244,7 +244,7 @@ module.exports = {
gohome:{ gohome:{
command: 'gohome', command: 'gohome',
localizationId: 'pad.toolbar.gohome.title', localizationId: 'pad.toolbar.gohome.title',
class: 'homeicon homeicon-exit', class: 'buttonicon buttonicon-gohome',
}, },
timeslider_export: { timeslider_export: {

View file

@ -1,9 +1,10 @@
.homeicon-exit:before { /*.homeicon-exit:before {
content: "\2302"; content: "\2302";
margin-right: 5px; margin-right: 3px;
} }
.homeicon:hover{ .homeicon:hover{
background-color: grey; background-color: grey;
} }
*/

View file

@ -74,8 +74,8 @@
.buttonicon-showusers:before { .buttonicon-showusers:before {
content: "\e835"; content: "\e835";
} }
.buttonicon-showusers:before { .buttonicon-gohome:before {
content: "\e835"; content: "\e80b"; /* Assuming \e80b is the Unicode for the home icon */
} }
.buttonicon-savedRevision:before { .buttonicon-savedRevision:before {
content: "\e856"; content: "\e856";

View file

@ -77,6 +77,11 @@
<li data-type="button" data-key="savedRevision"><a class="grouped-right" data-l10n-id="pad.toolbar.savedRevision.title"><button class=" buttonicon buttonicon-savedRevision" data-l10n-id="pad.toolbar.savedRevision.title"></button <li data-type="button" data-key="savedRevision"><a class="grouped-right" data-l10n-id="pad.toolbar.savedRevision.title"><button class=" buttonicon buttonicon-savedRevision" data-l10n-id="pad.toolbar.savedRevision.title"></button
></a></li><li class="separator"></li><li data-type="button" data-key="settings"><a class="grouped-left" data-l10n-id="pad.toolbar.settings.title"><button class=" buttonicon buttonicon-settings" data-l10n-id="pad.toolbar.settings.title"></button></a></li> ></a></li><li class="separator"></li><li data-type="button" data-key="settings"><a class="grouped-left" data-l10n-id="pad.toolbar.settings.title"><button class=" buttonicon buttonicon-settings" data-l10n-id="pad.toolbar.settings.title"></button></a></li>
<li data-type="button" data-key="embed"><a class="grouped-right" data-l10n-id="pad.toolbar.embed.title"><button class=" buttonicon buttonicon-embed" data-l10n-id="pad.toolbar.embed.title"></button></a></li><li class="separator"></li><li data-type="button" data-key="showusers"><a class="" data-l10n-id="pad.toolbar.showusers.title"><button class=" buttonicon buttonicon-showusers" data-l10n-id="pad.toolbar.showusers.title"></button></a></li> <li data-type="button" data-key="embed"><a class="grouped-right" data-l10n-id="pad.toolbar.embed.title"><button class=" buttonicon buttonicon-embed" data-l10n-id="pad.toolbar.embed.title"></button></a></li><li class="separator"></li><li data-type="button" data-key="showusers"><a class="" data-l10n-id="pad.toolbar.showusers.title"><button class=" buttonicon buttonicon-showusers" data-l10n-id="pad.toolbar.showusers.title"></button></a></li>
<li data-type="button" data-key="gohome">
<a class="grouped_middle" data-l10n-id="pad.toolbar.gohome.title">
<button class="buttonicon buttonicon-gohome" data-l10n-id="pad.toolbar.gohome.title"></button>
</a>
</li>
</ul> </ul>
<span class="show-more-icon-btn"></span> <!-- use on small screen to display hidden toolbar buttons --> <span class="show-more-icon-btn"></span> <!-- use on small screen to display hidden toolbar buttons -->