Move chart styles to common

This commit is contained in:
Julia Radzhabova 2019-11-18 14:08:17 +03:00
parent e47015cc18
commit f3d9759883
4 changed files with 134 additions and 414 deletions

View file

@ -584,3 +584,137 @@
width: 20px;
height: 20px;
}
// charts
.menu-insertchart {
.group-description {
padding-left: 4px;
}
.group-items-container {
float: left;
position: relative;
}
}
.item-chartlist {
.background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
width: 50px;
height: 50px;
}
.line-normal {
background-position: 0 0;
}
.line-stack {
background-position: -50px 0;
}
.line-pstack {
background-position: -100px 0;
}
.line-3d {
background-position: -150px 0;
}
.column-normal {
background-position: 0 -50px;
}
.column-stack{
background-position: -50px -50px;
}
.column-pstack{
background-position: -100px -50px;
}
.column-3d-normal {
background-position: -150px -50px;
}
.column-3d-stack{
background-position: -200px -50px;
}
.column-3d-pstack{
background-position: -150px -100px;
}
.column-3d-normal-per{
background-position: -200px -100px;
}
.bar-normal {
background-position: 0 -100px;
}
.bar-stack{
background-position: -50px -100px;
}
.bar-pstack{
background-position: -100px -100px;
}
.bar-3d-normal {
background-position: -150px -150px;
}
.bar-3d-stack{
background-position: -200px -150px;
}
.bar-3d-pstack{
background-position: -150px -200px;
}
.area-normal {
background-position: 0 -150px;
}
.area-stack{
background-position: -50px -150px;
}
.area-pstack{
background-position: -100px -150px;
}
.pie-normal {
background-position: 0 -200px;
}
.pie-3d-normal {
background-position: -200px -200px;
}
.point-normal{
background-position: -50px -200px;
}
.stock-normal{
background-position: -100px -200px;
}
.pie-doughnut{
background-position: -200px 0;
}
.surface-normal{
background-position: 0px -300px;
}
.surface-wireframe{
background-position: -50px -300px;
}
.contour-normal{
background-position: -100px -300px;
}
.contour-wireframe{
background-position: -150px -300px;
}

View file

@ -157,140 +157,6 @@
}
}
// charts
.menu-insertchart {
.group-description {
padding-left: 4px;
}
.group-items-container {
float: left;
position: relative;
}
}
.item-chartlist {
.background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
width: 50px;
height: 50px;
}
.line-normal {
background-position: 0 0;
}
.line-stack {
background-position: -50px 0;
}
.line-pstack {
background-position: -100px 0;
}
.line-3d {
background-position: -150px 0;
}
.column-normal {
background-position: 0 -50px;
}
.column-stack{
background-position: -50px -50px;
}
.column-pstack{
background-position: -100px -50px;
}
.column-3d-normal {
background-position: -150px -50px;
}
.column-3d-stack{
background-position: -200px -50px;
}
.column-3d-pstack{
background-position: -150px -100px;
}
.column-3d-normal-per{
background-position: -200px -100px;
}
.bar-normal {
background-position: 0 -100px;
}
.bar-stack{
background-position: -50px -100px;
}
.bar-pstack{
background-position: -100px -100px;
}
.bar-3d-normal {
background-position: -150px -150px;
}
.bar-3d-stack{
background-position: -200px -150px;
}
.bar-3d-pstack{
background-position: -150px -200px;
}
.area-normal {
background-position: 0 -150px;
}
.area-stack{
background-position: -50px -150px;
}
.area-pstack{
background-position: -100px -150px;
}
.pie-normal {
background-position: 0 -200px;
}
.pie-3d-normal {
background-position: -200px -200px;
}
.point-normal{
background-position: -50px -200px;
}
.stock-normal{
background-position: -100px -200px;
}
.pie-doughnut{
background-position: -200px 0;
}
.surface-normal{
background-position: 0px -300px;
}
.surface-wireframe{
background-position: -50px -300px;
}
.contour-normal{
background-position: -100px -300px;
}
.contour-wireframe{
background-position: -150px -300px;
}
@toolbar-icon-size: 20px;
.button-normal-icon(btn-align-center, 0, @toolbar-icon-size);
.button-normal-icon(btn-align-just, 1, @toolbar-icon-size);

View file

@ -104,140 +104,6 @@
}
}
// charts
.menu-insertchart {
.group-description {
padding-left: 4px;
}
.group-items-container {
float: left;
position: relative;
}
}
.item-chartlist {
.background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
width: 50px;
height: 50px;
}
.line-normal {
background-position: 0 0;
}
.line-stack {
background-position: -50px 0;
}
.line-pstack {
background-position: -100px 0;
}
.line-3d {
background-position: -150px 0;
}
.column-normal {
background-position: 0 -50px;
}
.column-stack{
background-position: -50px -50px;
}
.column-pstack{
background-position: -100px -50px;
}
.column-3d-normal {
background-position: -150px -50px;
}
.column-3d-stack{
background-position: -200px -50px;
}
.column-3d-pstack{
background-position: -150px -100px;
}
.column-3d-normal-per{
background-position: -200px -100px;
}
.bar-normal {
background-position: 0 -100px;
}
.bar-stack{
background-position: -50px -100px;
}
.bar-pstack{
background-position: -100px -100px;
}
.bar-3d-normal {
background-position: -150px -150px;
}
.bar-3d-stack{
background-position: -200px -150px;
}
.bar-3d-pstack{
background-position: -150px -200px;
}
.area-normal {
background-position: 0 -150px;
}
.area-stack{
background-position: -50px -150px;
}
.area-pstack{
background-position: -100px -150px;
}
.pie-normal {
background-position: 0 -200px;
}
.pie-3d-normal {
background-position: -200px -200px;
}
.point-normal{
background-position: -50px -200px;
}
.stock-normal{
background-position: -100px -200px;
}
.pie-doughnut{
background-position: -200px 0;
}
.surface-normal{
background-position: 0px -300px;
}
.surface-wireframe{
background-position: -50px -300px;
}
.contour-normal{
background-position: -100px -300px;
}
.contour-wireframe{
background-position: -150px -300px;
}
@toolbar-icon-size: 20px;
.button-normal-icon(btn-changeslide, 7, @toolbar-icon-size);
.button-normal-icon(btn-preview, 8, @toolbar-icon-size);

View file

@ -199,158 +199,12 @@ button:active:not(.disabled) .btn-change-shape {background-position: -56px -
background-position: -100px -150px;
}
// charts
.item-wrap {
width:50px;
height:50px;
background-size: cover;
}
.menu-insertchart {
.group-description {
padding-left: 4px;
}
.group-items-container {
float: left;
position: relative;
}
}
.item-chartlist {
.background-ximage('@{common-image-path}/toolbar/charttypes.png', '@{common-image-path}/toolbar/charttypes@2x.png', 250px);
width: 50px;
height: 50px;
}
.line-normal {
background-position: 0 0;
}
.line-stack {
background-position: -50px 0;
}
.line-pstack {
background-position: -100px 0;
}
.line-3d {
background-position: -150px 0;
}
.column-normal {
background-position: 0 -50px;
}
.column-stack{
background-position: -50px -50px;
}
.column-pstack{
background-position: -100px -50px;
}
.column-3d-normal {
background-position: -150px -50px;
}
.column-3d-stack{
background-position: -200px -50px;
}
.column-3d-pstack{
background-position: -150px -100px;
}
.column-3d-normal-per{
background-position: -200px -100px;
}
.bar-normal {
background-position: 0 -100px;
}
.bar-stack{
background-position: -50px -100px;
}
.bar-pstack{
background-position: -100px -100px;
}
.bar-3d-normal {
background-position: -150px -150px;
}
.bar-3d-stack{
background-position: -200px -150px;
}
.bar-3d-pstack{
background-position: -150px -200px;
}
.area-normal {
background-position: 0 -150px;
}
.area-stack{
background-position: -50px -150px;
}
.area-pstack{
background-position: -100px -150px;
}
.pie-normal {
background-position: 0 -200px;
}
.pie-3d-normal {
background-position: -200px -200px;
}
.point-normal{
background-position: -50px -200px;
}
.stock-normal{
background-position: -100px -200px;
}
.pie-doughnut{
background-position: -200px 0;
}
.spark-line{
background-position: 0px -250px;
}
.spark-column{
background-position: -50px -250px;
}
.spark-win{
background-position: -100px -250px;
}
.surface-normal{
background-position: 0px -300px;
}
.surface-wireframe{
background-position: -50px -300px;
}
.contour-normal{
background-position: -100px -300px;
}
.contour-wireframe{
background-position: -150px -300px;
}
#table-combo-template .combo-dataview {
.combo-template(60px);
}