pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-24 06:51:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactoring layout

Browse Source
This commit is contained in:
Julia Radzhabova
2024-02-07 11:23:02 +03:00
parent 1f99225d31
commit 5567a95bce
7 changed files with 39 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
apps/documenteditor/main/app/template/Toolbar.template
View File

@ -30,7 +30,7 @@
<span class="btn-slot" id="slot-btn-cut"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-select-all"></span>
<span class="btn-slot" id="slot-btn-copystyle"></span>
</div>
</div>
<div class="separator long"></div>
@ -38,7 +38,7 @@
<section class="box-panels">
<section class="panel" data-tab="home">
<div class="group small">
<div class="elset" style="width:208px;">
<div class="elset" style="width:230px;">
<span class="btn-slot float-left" id="slot-field-fontname"></span>
<span class="btn-slot margin-left-2 float-left" id="slot-field-fontsize"></span>
<span class="btn-slot margin-left-2" id="slot-btn-incfont"></span>
@ -54,6 +54,7 @@
<span class="btn-slot" id="slot-btn-subscript"></span>
<span class="btn-slot split" id="slot-btn-highlight"></span>
<span class="btn-slot split" id="slot-btn-fontcolor"></span>
<span class="btn-slot" id="slot-btn-clearstyle"></span>
</div>
</div>
<div class="separator long"></div>
@ -75,17 +76,16 @@
<span class="btn-slot split" id="slot-btn-paracolor"></span>
</div>
</div>
<div class="separator long"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot split" id="slot-btn-clearstyle"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-copystyle"></span>
</div>
</div>
<div class="separator long invisible"></div>
<div class="group small flex field-styles" id="slot-field-styles" style="min-width: 151px;width: 100%; " data-group-width="100%"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot" id="slot-btn-replace"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-select-all"></span>
</div>
</div>
</section>
<section class="panel" data-tab="ins">
<div class="group">

6
apps/documenteditor/main/index.html
View File

@ -139,7 +139,7 @@
right: 0;
top: 0;
bottom: 0;
left: 587px;
left: 522px;
width: inherit;
height: 44px;
}
@ -272,8 +272,8 @@
<div class="brendpanel" style="display: none;">
<div><div class="loading-logo"><img src="../../common/main/resources/img/header/header-logo_s.svg"></div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div>
<div class="sktoolbar" style="display: none;">
<ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 212px;"></li><li class="space"></li><li style="width: 200px;"></li><li class="space"></li><li style="width: 63px;"></li><li class="fat"></li></ul>
<ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 212px;"></li><li class="space"></li><li style="width: 200px;"></li><li class="space"></li><li style="width: 63px;"></li></ul>
<ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 234px;"></li><li class="space"></li><li style="width: 189px;"></li><li class="fat"></li></ul>
<ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 234px;"></li><li class="space"></li><li style="width: 189px;"></li></ul>
</div>
<div class="placeholder" style="display: none;">
<div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div>

4
apps/documenteditor/main/index.html.deploy
View File

@ -117,7 +117,7 @@
right: 0;
top: 0;
bottom: 0;
left: 587px;
left: 522px;
width: inherit;
height: 44px;
}
@ -236,7 +236,7 @@
<body>
<script src="../../../../../apps/common/main/lib/util/htmlutils.js?__inline=true"></script>
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="loading-logo"><img src="../../../apps/common/main/resources/img/header/header-logo_s.svg"></div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar" style="display: none;"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 212px;"></li><li class="space"></li><li style="width: 200px;"></li><li class="space"></li><li style="width: 63px;"></li><li class="fat"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 212px;"></li><li class="space"></li><li style="width: 200px;"></li><li class="space"></li><li style="width: 63px;"></li></ul></div><div class="placeholder" style="display: none;"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
<div id="loading-mask" class="loadmask"><div class="brendpanel" style="display: none;"><div><div class="loading-logo"><img src="../../../apps/common/main/resources/img/header/header-logo_s.svg"></div><div class="spacer"></div><div class="circle"></div></div><div><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span><span class="rect"></span></div></div><div class="sktoolbar" style="display: none;"><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 234px;"></li><li class="space"></li><li style="width: 189px;"></li><li class="fat"></li></ul><ul><li class="compact" style="width: 30px;display: none;"></li><li class="compact space" style="display: none;"></li><li class="compact" style="width: 90px;display: none;"></li><li class="not-compact" style="width: 63px;"></li><li class="space"></li><li style="width: 234px;"></li><li class="space"></li><li style="width: 189px;"></li></ul></div><div class="placeholder" style="display: none;"><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div><div class="line"></div></div></div>
<div id="viewport"></div>
<script>

2
apps/documenteditor/main/resources/less/toolbar.less
View File

@ -190,7 +190,7 @@
}
#slot-field-fontname {
width: 84px;
width: 106px;
}
#slot-field-fontsize {

15
apps/presentationeditor/main/app/template/Toolbar.template
View File

@ -30,7 +30,7 @@
<span class="btn-slot" id="slot-btn-cut"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-select-all"></span>
<span class="btn-slot" id="slot-btn-copystyle"></span>
</div>
</div>
<div class="separator long"></div>
@ -51,7 +51,7 @@
</div>
<div class="separator long"></div>
<div class="group small">
<div class="elset" style="width:208px;">
<div class="elset" style="width:230px;">
<span class="btn-slot float-left" id="slot-field-fontname"></span>
<span class="btn-slot margin-left-2 float-left" id="slot-field-fontsize"></span>
<span class="btn-slot margin-left-2" id="slot-btn-incfont"></span>
@ -67,6 +67,7 @@
<span class="btn-slot" id="slot-btn-subscript"></span>
<span class="btn-slot split" id="slot-btn-highlight"></span>
<span class="btn-slot split" id="slot-btn-fontcolor"></span>
<span class="btn-slot" id="slot-btn-clearstyle"></span>
</div>
</div>
<div class="separator long"></div>
@ -101,16 +102,22 @@
<div class="separator long"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot split" id="slot-btn-clearstyle"></span>
<span class="btn-slot split" id="slot-btn-colorschemas"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-copystyle"></span>
<span class="btn-slot split" id="slot-btn-slidesize"></span>
</div>
</div>
<div class="separator long invisible"></div>
<div class="group flex small field-styles" id="slot-field-styles" style="width: 100%; min-width: 136px;" data-group-width="100%"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot" id="slot-btn-replace"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-select-all"></span>
</div>
</div>
</section>
<section class="panel" data-tab="ins">
<div class="group">

2
apps/presentationeditor/main/resources/less/toolbar.less
View File

@ -145,7 +145,7 @@
}
#slot-field-fontname {
width: 89px;
width: 111px;
}
#slot-field-fontsize {

13
apps/spreadsheeteditor/main/app/template/Toolbar.template
View File

@ -30,7 +30,7 @@
<span class="btn-slot" id="slot-btn-cut"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-select-all"></span>
<span class="btn-slot" id="slot-btn-copystyle"></span>
</div>
</div>
<div class="separator long"></div>
@ -81,6 +81,7 @@
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-named-range"></span>
<span class="btn-slot split" id="slot-btn-clear"></span>
</div>
</div>
<div class="separator long"></div>
@ -118,16 +119,22 @@
<div class="separator long"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot split" id="slot-btn-clear"></span>
<span class="btn-slot split" id="slot-btn-condformat"></span>
</div>
<div class="elset">
<span class="btn-slot split" id="slot-btn-copystyle"></span>
<span class="btn-slot split" id="slot-btn-table-tpl"></span>
</div>
</div>
<div class="separator long invisible"></div>
<div class="group small flex field-styles" id="slot-field-styles" style="min-width: 148px;width: 100%;" data-group-width="100%"></div>
<div class="group small">
<div class="elset">
<span class="btn-slot" id="slot-btn-replace"></span>
</div>
<div class="elset">
<span class="btn-slot" id="slot-btn-select-all"></span>
</div>
</div>
</section>
<section class="panel" data-tab="ins">
<div class="group">