docs: #339 up and down buttons

This commit is contained in:
Hamid Reza Mohammadi 2022-07-01 22:11:19 +04:30
parent 25cec36cad
commit 143dd66b71
2 changed files with 46 additions and 6 deletions

View File

@ -26,12 +26,14 @@
<div id="main-navbar" role="navigation">
<div class="clear-both">
<a onclick="switchSticky()" role="button" class="w3tooltip cursor-pointer float-right">
<div class="noborder-btn color-white" id="pin_button">
<i class="noindent-info-button pin-button"></i>
</div>
<span class="w3tooltiptext">چسبانی</span>
</a>
<div class="float-right display-inline-flex width-76px">
<a onclick="switchSticky()" role="button" class="w3tooltip cursor-pointer float-right">
<div class="noborder-btn color-white" id="pin_button">
<i class="noindent-info-button pin-button"></i>
</div>
<span class="w3tooltiptext">چسبانی</span>
</a>
</div>
@if (Model.LoggedIn)
{
@ -72,6 +74,25 @@
ورود کاربر / نام‌نویسی <i class="noindent-info-button account-icon"></i>
</a>
}
<div class="float-left display-inline-flex">
<a href="#footer" role="button" class="w3tooltip cursor-pointer">
<div class="noborder-btn">
<i class="noindent-info-button down-btn"></i>
</div>
<span class="w3tooltiptext">پایین صفحه</span>
</a>
<a href="#" role="button" class="w3tooltip cursor-pointer">
<div class="noborder-btn">
<i class="noindent-info-button up-btn"></i>
</div>
<span class="w3tooltiptext">بالای صفحه</span>
</a>
</div>
</div>
</div>

View File

@ -1769,11 +1769,30 @@ fieldset {
content: 'push_pin';
}
.up-btn::after {
content: 'arrow_circle_up';
}
.down-btn::after {
content: 'arrow_circle_down';
}
.float-right{
float: right;
}
.float-left{
float: left;
}
.width-76px{
width: 76px;
}
.display-inline-flex{
display:inline-flex;
}
.noborder-btn {
width: 34px;
height: 34px;