strepsirrhini/libreoffice-online
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

loleaflet: Many visual improvements in the spreadsheet.

Browse source 
Sheet buttons better aligned, no overlaps in sheet scrolling buttons, more
consistent colors, no remnants of scrollbars, etc.
This commit is contained in:
Jan Holesovsky 2016-04-25 19:05:01 +02:00
parent 3e151af9f6
commit 2c5c0d056b
3 changed files with 33 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
loleaflet/dist/spreadsheet.css vendored
View file

@ -2,47 +2,53 @@
border-top: 1px solid #B6B6B6 !important;
top: 100px !important;
left: 50px !important;
bottom: 49px !important;
bottom: 56px !important;
}
.spreadsheet-tab {
margin: 0;
padding: 0;
left: 108px;
bottom: 34px;
right: 0;
bottom: 33px;
position: absolute;
cursor: pointer;
height: 20px;
width: 90%;
height: 24px;
overflow-x: hidden;
white-space: nowrap;
background-color: #efefef;
}
.spreadsheet-tab-scroll {
width: 90%;
overflow-x: auto;
width: 100%;
height: 100%;
overflow: auto;
padding-bottom: 20px; /* to hide the scroolbar */
margin-left: 6px;
}
.spreadsheet-context-menu {
margin: 0px;
margin-right: 3px;
padding-left: 7px;
padding-right: 7px;
padding-top: 1px;
padding-bottom: 1px;
.spreadsheet-tab li {
margin: 0;
padding: 0;
margin-left: 2px;
}
.spreadsheet-tab li {
font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
display: inline-block;
border: #B9B9B9 1px solid;
background: #A8A8A8;
color: #FFFFFF;
text-decoration: none;
border: 1px solid darkgrey;
background-color: lightgrey;
}
.spreadsheet-tab li.selected {
background: #FFFFFF;
color: #7E7E7E;
border-top: #FFF 1px solid;
.spreadsheet-context-menu-selected {
background: white;
border-top: 1px solid lightgrey;
border-left: 1px solid lightgrey;
border-right: 1px solid lightgrey;
border-bottom: 1px solid lightgrey;
}
.spreadsheet-header-corner {
@ -125,7 +131,7 @@
left: 0;
top: 100px;
width: 48px;
bottom: 54px;
bottom: 57px;
overflow: hidden;
}

2
loleaflet/dist/toolbar.css vendored
View file

@ -36,7 +36,7 @@
#spreadsheet-toolbar {
left: 0;
text-align: center;
bottom: 29px;
bottom: 33px;
padding: 0;
position: absolute;
}

6
loleaflet/src/control/Control.Tabs.js
View file

@ -85,7 +85,7 @@ L.Control.Tabs = L.Control.extend({
for (var i = 0; i < parts; i++) {
var id = 'spreadsheet-tab' + i;
var tab = L.DomUtil.create('li', 'spreadsheet-context-menu', ssTabScroll);
var tab = L.DomUtil.create('div', 'spreadsheet-context-menu', ssTabScroll);
tab.innerHTML = e.partNames[i];
tab.id = id;
@ -99,9 +99,9 @@ L.Control.Tabs = L.Control.extend({
}
for (var key in this._spreadsheetTabs) {
var part = parseInt(key.match(/\d+/g)[0]);
L.DomUtil.removeClass(this._spreadsheetTabs[key], 'selected');
L.DomUtil.removeClass(this._spreadsheetTabs[key], 'spreadsheet-context-menu-selected');
if (part === selectedPart) {
L.DomUtil.addClass(this._spreadsheetTabs[key], 'selected');
L.DomUtil.addClass(this._spreadsheetTabs[key], 'spreadsheet-context-menu-selected');
}
}
}