IlyaSobolev/helpcenter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 27 Wiki Activity

changed mobile button on header and footer, fixed closed-button, fixed popup

Browse Source
This commit is contained in:
SvetlanaLisina 2021-05-11 17:48:05 +03:00
parent ccb592add1
commit f9d8d1876c
17 changed files with 215 additions and 473 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Web/Controls/Common/BaseFooter/BaseFooter.ascx
View File

@ -74,7 +74,7 @@
</div>
</div>
</div>
<div class="copyReservedMobile footerLangSelector"><uc:LangSelector ID="footerLangSelector" runat="server"></uc:LangSelector>
<div class="copyReservedMobile">
&copy; Ascensio System SIA <%=DateTime.Now.Year%>. All rights reserved</div>
<cc:LocalizeContent ID="LocalizeContent2" runat="Server" ControlName="~/Controls/Common/Subscription/Subscription.ascx" />
</footer>

2
Web/Controls/Common/BaseFooter/BaseFooter.de.ascx
View File

@ -74,7 +74,7 @@
</div>
</div>
</div>
<div class="copyReservedMobile footerLangSelector"><uc:LangSelector ID="footerLangSelector" runat="server"></uc:LangSelector>
<div class="copyReservedMobile">
&copy; Ascensio System SIA <%=DateTime.Now.Year%>. Alle Rechte vorbehalten</div>
<cc:LocalizeContent ID="LocalizeContent2" runat="Server" ControlName="~/Controls/Common/Subscription/Subscription.ascx" />
</footer>

2
Web/Controls/Common/BaseFooter/BaseFooter.es.ascx
View File

@ -74,7 +74,7 @@
</div>
</div>
</div>
<div class="copyReservedMobile footerLangSelector"><uc:LangSelector ID="footerLangSelector" runat="server"></uc:LangSelector>
<div class="copyReservedMobile">
&copy; Ascensio System SIA <%=DateTime.Now.Year%>. Todos los derechos reservados</div>
<cc:LocalizeContent ID="LocalizeContent2" runat="Server" ControlName="~/Controls/Common/Subscription/Subscription.ascx" />
</footer>

2
Web/Controls/Common/BaseFooter/BaseFooter.fr.ascx
View File

@ -74,7 +74,7 @@
</div>
</div>
</div>
<div class="copyReservedMobile footerLangSelector"><uc:LangSelector ID="footerLangSelector" runat="server"></uc:LangSelector>
<div class="copyReservedMobile">
&copy; Ascensio System SIA <%=DateTime.Now.Year%>. Tous droits réservés</div>
<cc:LocalizeContent ID="LocalizeContent2" runat="Server" ControlName="~/Controls/Common/Subscription/Subscription.ascx" />
</footer>

2
Web/Controls/Common/BaseFooter/BaseFooter.it.ascx
View File

@ -74,7 +74,7 @@
</div>
</div>
</div>
<div class="copyReservedMobile footerLangSelector"><uc:LangSelector ID="footerLangSelector" runat="server"></uc:LangSelector>
<div class="copyReservedMobile">
&copy; Ascensio System SIA <%=DateTime.Now.Year%>. Tutti i diritti riservati</div>
<cc:LocalizeContent ID="LocalizeContent2" runat="Server" ControlName="~/Controls/Common/Subscription/Subscription.ascx" />
</footer>

2
Web/Controls/Common/BaseFooter/BaseFooter.ru.ascx
View File

@ -74,7 +74,7 @@
</div>
</div>
</div>
<div class="copyReservedMobile footerLangSelector"><uc:LangSelector ID="footerLangSelector" runat="server"></uc:LangSelector>
<div class="copyReservedMobile">
&copy; Ascensio System SIA <%=DateTime.Now.Year%>. Все права защищены</div>
<cc:LocalizeContent ID="LocalizeContent2" runat="Server" ControlName="~/Controls/Common/Subscription/Subscription.ascx" />
</footer>

5
Web/Controls/Common/BaseHeader/BaseHeader.ascx
View File

@ -2,12 +2,13 @@
<%@ Register Src="~/Controls/Common/LanguageSelector.ascx" TagName="LangSelector" TagPrefix="uc" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<header id="baseHeader">
<a class="button red headerButtonMobile push" style="padding: 17px 0;" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">Try in the cloud</a>
<div class="narrowheader mainNarrow">
<div class="content-header">
<div class="content-header">
<div class="logo push">
<a href="<%= VirtualPathUtility.ToAbsolute("~/")%>"></a>
</div>
<div class="langselector push headerLengSelector">
<div class="langselector push headerLangSelector">
<uc:LangSelector ID="LangSelector" runat="server"></uc:LangSelector>
</div>
<div class="ham_menu push menu-btn pushy-link">

3
Web/Controls/Common/BaseHeader/BaseHeader.de.ascx
View File

@ -2,12 +2,13 @@
<%@ Register Src="~/Controls/Common/LanguageSelector.ascx" TagName="LangSelector" TagPrefix="uc" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<header id="baseHeader">
<a class="button red headerButtonMobile" style="padding: 17px 0;" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">In der cloud testen</a>
<div class="narrowheader mainNarrow">
<div class="content-header">
<div class="logo push">
<a href="<%= VirtualPathUtility.ToAbsolute("~/")%>"></a>
</div>
<div class="langselector push headerLengSelector">
<div class="langselector push headerLangSelector">
<uc:LangSelector ID="LangSelector" runat="server"></uc:LangSelector>
</div>
<div class="ham_menu push menu-btn pushy-link">

5
Web/Controls/Common/BaseHeader/BaseHeader.es.ascx
View File

@ -2,12 +2,13 @@
<%@ Register Src="~/Controls/Common/LanguageSelector.ascx" TagName="LangSelector" TagPrefix="uc" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<header id="baseHeader">
<a class="button red headerButtonMobile push" style="padding: 17px 0;" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">Pruébelo en la nube</a>
<div class="narrowheader mainNarrow">
<div class="content-header">
<div class="logo push">
<a href="<%= VirtualPathUtility.ToAbsolute("~/")%>"></a>
</div>
<div class="langselector push headerLengSelector">
<div class="langselector push headerLangSelector">
<uc:LangSelector ID="LangSelector" runat="server"></uc:LangSelector>
</div>
<div class="ham_menu push menu-btn pushy-link">
@ -182,7 +183,7 @@
--></ul>
</div>
</nav>
<a class="button red headerButton" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">PRUÉBELO EN LA NUBE</a>
<a class="button red headerButton" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">Pruébelo en la nube</a>
</div>
</div>
</header>

3
Web/Controls/Common/BaseHeader/BaseHeader.fr.ascx
View File

@ -2,12 +2,13 @@
<%@ Register Src="~/Controls/Common/LanguageSelector.ascx" TagName="LangSelector" TagPrefix="uc" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<header id="baseHeader">
<a class="button red headerButtonMobile push" style="padding: 17px 0;" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">Essayer dans le cloud</a>
<div class="narrowheader mainNarrow">
<div class="content-header">
<div class="logo push">
<a href="<%= VirtualPathUtility.ToAbsolute("~/")%>"></a>
</div>
<div class="langselector push headerLengSelector">
<div class="langselector push headerLangSelector">
<uc:LangSelector ID="LangSelector" runat="server"></uc:LangSelector>
</div>
<div class="ham_menu push menu-btn pushy-link">

3
Web/Controls/Common/BaseHeader/BaseHeader.it.ascx
View File

@ -2,12 +2,13 @@
<%@ Register Src="~/Controls/Common/LanguageSelector.ascx" TagName="LangSelector" TagPrefix="uc" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<header id="baseHeader">
<a class="button red headerButtonMobile push" style="padding: 17px 0;" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">Provalo nel cloud</a>
<div class="narrowheader mainNarrow">
<div class="content-header">
<div class="logo push">
<a href="<%= VirtualPathUtility.ToAbsolute("~/")%>"></a>
</div>
<div class="langselector push headerLengSelector">
<div class="langselector push headerLangSelector">
<uc:LangSelector ID="LangSelector" runat="server"></uc:LangSelector>
</div>
<div class="ham_menu push menu-btn pushy-link">

3
Web/Controls/Common/BaseHeader/BaseHeader.ru.ascx
View File

@ -2,12 +2,13 @@
<%@ Register Src="~/Controls/Common/LanguageSelector.ascx" TagName="LangSelector" TagPrefix="uc" %>
<%@ Register Namespace="TeamLab.Controls" Assembly="__Code" TagPrefix="cc" %>
<header id="baseHeader">
<a class="button red headerButtonMobile push" style="padding: 17px 0;" href="https://www.onlyoffice.com/registration.aspx?from=helpcenter">Попробовать в облаке</a>
<div class="narrowheader mainNarrow">
<div class="content-header">
<div class="logo push">
<a href="<%= VirtualPathUtility.ToAbsolute("~/")%>"></a>
</div>
<div class="langselector push headerLengSelector">
<div class="langselector push headerLangSelector">
<uc:LangSelector ID="LangSelector" runat="server"></uc:LangSelector>
</div>
<div class="ham_menu push menu-btn pushy-link">

11
Web/css/builder/builder.less
View File

@ -712,7 +712,7 @@ a.closeContainerButton {
width: 15px;
height: 15px;
position: absolute;
right: -4px;
right: 10px;
top: 8px;
background-color: #fff;
border-radius: 25px;
@ -825,5 +825,12 @@ a.btnGitHub, a.btnGitHub:hover, a.btnGitHub:active, a.btnGitHub:focus, a.btnGitH
@media screen and (max-width: 1024px) {
h3 {
margin: 1.2em 15px .3em;
}
}
}
@media screen and (max-width: 500px) {
a.closeContainerButton {
right: -4px;
}
}

8
Web/css/help.less
View File

@ -102,7 +102,7 @@ html {
.MainHelpCenter {
position: relative;
margin-top: 140px;
margin-top: 150px;
div.delimiter {
background: url('/css/img/BasecampImp/line.png') repeat-x 0 0;
@ -5742,6 +5742,10 @@ input ~ .tab { /* grey line between tab and contents */
left: 3px;
}
.headerButtonMobile{
display: none !important;
}
#mainpage {
margin: auto;
width: 100%;
@ -6286,7 +6290,7 @@ input ~ .tab { /* grey line between tab and contents */
.copyReservedMobile {
background-color: #F9F9F9;
text-align: center;
height: 72px;
height: 34px;
display: block;
padding-top: 20px;
color: #AAAAAA;

149
Web/css/language-selector.less
View File

@ -166,13 +166,6 @@ div.custom-select {
text-align: left;
width: 103px;
}
.langselector.footerLangSelector {
display: none;
}
#footerLangSelector {
display: none;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
div.custom-select {
@ -207,150 +200,10 @@ div.custom-select {
}
}
@media screen and (max-width: 767px) {
.langselector.footerLangSelector {
display: none;
}
}
@media screen and (max-width: 500px) {
.langselector.headerLengSelector {
display: none;
}
#LanguageSelector {
float: none;
margin-top: -23px;
display: block;
margin: auto;
padding-bottom: 20px;
.footerLangSelector {
margin-top: 500px;
margin: auto;
display: inline-block;
width: 46px;
margin-left: 50%;
ul.options {
background: #fff;
.shadowFullCustomizable(0, 1px, 1px, rgba(0,0,0,0.2));
display: none;
left: -15px;
list-style: none;
margin: 0;
padding: 6px 12px 6px;
position: absolute;
top: 25px;
width: 100%;
z-index: 10000;
li.option {
background-image: none;
border-width: 0 1px;
cursor: default;
float: none;
height: 30px;
line-height: 1.2em;
list-style: none;
margin: 0;
padding: 10px 0 0;
white-space: nowrap;
a {
background-position-x: -3px;
background-repeat: no-repeat;
color: #666666;
display: block;
height: 16px;
line-height: 15px;
margin: 2px 0;
padding: 1px 1px 1px 30px;
text-decoration: none;
text-transform: none;
width: 75px;
background-image: url("/images/flags/flags_1x.png");
&:hover {
text-decoration: underline;
}
}
}
li.option.en-US, div.title.en-US {
a {
background-position-y: -27px;
}
}
li.option.es-ES {
a {
background-position-y: -51px;
}
}
li.option.de-DE {
a {
background-position-y: -3px;
}
}
li.option.fr-FR {
a {
background-position-y: -75px;
}
}
li.option.ru-RU {
a {
background-position-y: -147px;
}
}
li.option.it-IT {
a {
background-position-y: -99px;
}
}
}
div.title.en-US {
background-position-y: -27px;
}
div.title.es-ES {
background-position-y: -51px;
}
div.title.de-DE {
background-position-y: -3px;
}
div.title.fr-FR {
background-position-y: -75px;
}
div.title.ru-RU {
background-position-y: -147px;
}
div.title.it-IT {
background-position-y: -99px;
}
}
}
div.custom-select ul.options {
top: -260px;
}
#footerLangSelector {
.footerLangSelector {
margin-top: 50px;
}
}
}
}

484
Web/css/mobile.less
View File

@ -48,9 +48,9 @@
left: 0;
padding: 0;
position: fixed;
top: 60px;
width: @mobileDefaultWidth;
z-index: 999;
top: 106px;
&:after {
background: url(/images/main-page/Search.svg) no-repeat 50% 50%;
@ -151,112 +151,112 @@
}
.pushy-content {
width: 100%;
margin-left: 0px;
}
.pushy-content {
width: 100%;
margin-left: 0px;
}
nav {
> div {
> ul,
& > ul {
&.all-menu-items {
display: inline-block;
nav {
> div {
> ul,
& > ul {
&.all-menu-items {
display: inline-block;
}
}
}
}
}
a.dropdown-item {
display: block;
background: none;
border: 0;
color: @redColor;
font-size: 14px;
font-weight: 600;
cursor: pointer;
line-height: 36px;
margin: 0;
padding: 0 25px;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
a.dropdown-item {
display: block;
background: none;
border: 0;
color: @redColor;
font-size: 14px;
font-weight: 600;
cursor: pointer;
line-height: 36px;
margin: 0;
padding: 0 25px;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
&:hover {
background-color: #F7F7F7;
}
}
nav {
& > div {
> ul {
width: 100%;
padding-top: 0;
margin: 0;
&:hover {
background-color: #F7F7F7;
}
}
ul {
li {
display: block;
width: auto;
height: auto;
position: relative;
nav {
& > div {
> ul {
width: 100%;
padding-top: 0;
margin: 0;
}
ul {
color: @textColorBlackDark;
margin: 0;
ul {
li {
display: block;
width: auto;
}
a.menuitem {
color: @textColorBlackDark;
display: block;
height: auto;
padding: 15px 25px 15px 40px;
text-align: left;
margin: 0;
}
position: relative;
a.dropdown-item,
.navitem_description,
ul.navitem_2nd_menu li a.nav_2nd_menu_link {
padding-left: 40px;
text-align: left;
}
ul {
color: @textColorBlackDark;
margin: 0;
width: auto;
}
ul.navitem_2nd_menu li a.nav_2nd_menu_link {
display: block;
background: none;
border: 0;
color: #333;
font-weight: 600;
font-size: 14px;
cursor: pointer;
line-height: 1.4em;
margin: 0;
padding: 8px 25px;
text-decoration: none;
border-right: 1px solid #ccc;
a.menuitem {
color: @textColorBlackDark;
display: block;
height: auto;
padding: 15px 25px 15px 40px;
text-align: left;
margin: 0;
}
&:hover,
&.redirect {
background-color: #F7F7F7;
color: @redColor;
a.dropdown-item,
.navitem_description,
ul.navitem_2nd_menu li a.nav_2nd_menu_link {
padding-left: 40px;
text-align: left;
}
ul.navitem_2nd_menu li a.nav_2nd_menu_link {
display: block;
background: none;
border: 0;
color: #333;
font-weight: 600;
font-size: 14px;
cursor: pointer;
line-height: 1.4em;
margin: 0;
padding: 8px 25px;
text-decoration: none;
border-right: 1px solid #ccc;
&:hover,
&.redirect {
background-color: #F7F7F7;
color: @redColor;
}
}
ul.header_menu {
color: @textColorBlackDark;
display: block;
margin: 0;
position: absolute;
top: 71px;
width: 100%;
}
}
ul.header_menu {
color: @textColorBlackDark;
display: block;
margin: 0;
position: absolute;
top: 71px;
width: 100%;
}
}
}
}
}
a.dropdown-item {
@ -407,14 +407,12 @@
}
}
}
/*.block_also {
display: none !important;
}*/
.bottommenu {
display: none !important;
}
.bottommenu {
display: none !important;
}
#floatSubMenu {
display: none !important;
@ -510,54 +508,54 @@
}
}
.MainHelpCenter {
p {
max-width: 80%;
.MainHelpCenter {
p {
max-width: 80%;
img {
max-width: @mobileDefaultWidth;
vertical-align: middle;
img {
max-width: @mobileDefaultWidth;
vertical-align: middle;
}
}
ol, ul {
max-width: 85%;
}
.changelog-release-date {
margin-right: 25%;
}
.changelog-version-block {
margin-right: 15%;
}
table {
width: 100%;
}
.video_ground {
.video_block {
margin-left: 0;
}
}
div.community_display {
margin-right: 5%;
}
img.screen_guides {
display: none;
}
.block_of_step {
.screen_block {
max-width: @mobileDefaultWidth;
width: auto;
}
}
}
ol, ul {
max-width: 85%;
}
.changelog-release-date {
margin-right: 25%;
}
.changelog-version-block {
margin-right: 15%;
}
table {
width: 100%;
}
.video_ground {
.video_block {
margin-left: 0;
}
}
div.community_display {
margin-right: 5%;
}
img.screen_guides {
display: none;
}
.block_of_step {
.screen_block {
max-width: @mobileDefaultWidth;
width: auto;
}
}
}
.VideoMainContainer {
width: 98%;
@ -706,10 +704,6 @@
.style_help_center {
width: 100%;
}
.langselector.footerLangSelector {
display: none !important;
}
}
@ -754,162 +748,39 @@
@media screen and (max-width: 500px) {
.watchvideo_block {
.maincontent.modules {
margin-top: -60px;
}
.headerButtonMobile {
display: block !important;
width: 100%;
border-radius: 0 !important;
}
header {
height: 106px;
}
.narrowheader .headerButton {
display: none;
}
.narrowheader {
.headerButton {
padding: 17px 10px;
font-size: 12px;
}
}
width: 100%;
.narrowheader {
.headerButton:hover {
padding: 17px 10px;
font-size: 12px;
}
}
.langselector.headerLengSelector {
display: none;
}
.langselector.footerLangSelector {
display: block !important;
width: 80px;
}
#footerLangSelector {
margin-top: -16px;
margin-left: 0px;
position: absolute;
display: inline-block;
width: 30px;
.footerLangSelector {
margin-top: 500px;
.logo {
margin: auto;
display: inline-block;
width: 46px;
margin-left: 50%;
ul.options {
background: #fff;
.shadowFullCustomizable(0, 1px, 1px, rgba(0,0,0,0.2));
display: none;
left: -15px;
list-style: none;
margin: 0;
padding: 6px 12px 6px;
position: absolute;
top: 25px;
width: 100%;
z-index: 10000;
li.option {
background-image: none;
border-width: 0 1px;
cursor: default;
float: none;
height: 30px;
line-height: 1.2em;
list-style: none;
margin: 0;
padding: 10px 0 0;
white-space: nowrap;
a {
background-position-x: -3px;
background-repeat: no-repeat;
color: #666666;
display: block;
height: 16px;
line-height: 15px;
margin: 2px 0;
padding: 1px 1px 1px 30px;
text-decoration: none;
text-transform: none;
width: 75px;
background-image: url("/images/flags/flags_1x.png");
&:hover {
text-decoration: underline;
}
}
}
li.option.en-US, div.title.en-US {
a {
background-position-y: -27px;
}
}
li.option.es-ES {
a {
background-position-y: -51px;
}
}
li.option.de-DE {
a {
background-position-y: -3px;
}
}
li.option.fr-FR {
a {
background-position-y: -75px;
}
}
li.option.ru-RU {
a {
background-position-y: -147px;
}
}
li.option.it-IT {
a {
background-position-y: -99px;
}
}
}
div.title.en-US {
background-position-y: -27px;
}
div.title.es-ES {
background-position-y: -51px;
}
div.title.de-DE {
background-position-y: -3px;
}
div.title.fr-FR {
background-position-y: -75px;
}
div.title.ru-RU {
background-position-y: -147px;
}
div.title.it-IT {
background-position-y: -99px;
a {
height: 40px;
}
}
}
#footerLangSelector {
.footerLangSelector {
margin-top: 50px;
}
}
.watchvideo_block {
display: none;
}
.InnerPage {
div.description {
@ -927,31 +798,32 @@
}
}
.InnerPage {
p {
padding: 10px 0px;
}
.InnerPage {
p {
padding: 10px 0px;
}
.name-icon-program {
padding: 0px;
}
.name-icon-program {
padding: 0px;
}
.MainHelpCenter {
h1 {
margin: 10px 0px 0px;
}
}
.block-editor {
margin-right: 0px;
span {
margin-right: 10px;
margin-top: 5px;
}
.MainHelpCenter {
h1 {
margin: 10px 0px 0px;
word-break: break-word;
}
}
.block-editor {
margin-right: 0px;
span {
margin-right: 10px;
margin-top: 5px;
}
}
}
.MainHelpCenter {
width: 100%;
}

2
Web/js/jquery/jquery.blockUI.js
View File

File diff suppressed because one or more lines are too long