1c7665ecf6
Signed-off-by: andreas kainz <kainz.a@gmail.com> Change-Id: I439ad49c5630071896ef1f7fc4538ef446139f52
355 lines
8.1 KiB
CSS
355 lines
8.1 KiB
CSS
.sidebar * {
|
|
font-family: var(--jquery-ui-font);
|
|
text-transform: none !important;
|
|
}
|
|
|
|
.sidebar .ui-content .unobutton {
|
|
margin: 0;
|
|
width: 24px;
|
|
height: 24px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ui-expander-content.sidebar.expanded > .sidebar .ui-grid-cell {
|
|
justify-content: space-between;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
#document-container:not(.mobile) + #sidebar-dock-wrapper {
|
|
width: 330px;
|
|
padding: 0;
|
|
margin-top: 0 !important;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
[data-userinterfacemode='classic'] #document-container:not(.mobile) + #sidebar-dock-wrapper,
|
|
#document-container.spreadsheet-doctype:not(.mobile) + #sidebar-dock-wrapper {
|
|
border-inline-start: 1px solid var(--color-border);
|
|
}
|
|
|
|
.sidebar .spinfieldcontainer input {
|
|
width: 121px;
|
|
height: 28px;
|
|
padding-inline-start: 4px;
|
|
position: relative;
|
|
margin-inline-start: 8px;
|
|
color: var(--color-text-dark);
|
|
background-color: var(--color-background-dark);
|
|
}
|
|
#TableEditPanelPanelExpander .sidebar .spinfieldcontainer input,
|
|
#ParaPropertyPanelPanelExpander .sidebar .spinfieldcontainer input {
|
|
width: 85px;
|
|
}
|
|
|
|
.sidebar.spinfield {
|
|
max-width: 121px;
|
|
}
|
|
|
|
.sidebar.jsdialog.ui-listbox,
|
|
.sidebar.jsdialog.menubutton {
|
|
min-width: 121px;
|
|
max-width: 121px;
|
|
}
|
|
|
|
.menubutton.sidebar span {
|
|
display: none;
|
|
font-size: var(--default-font-size);
|
|
}
|
|
|
|
.menubutton.sidebar:hover span {
|
|
position: absolute;
|
|
display: block;
|
|
width: auto;
|
|
background-color: var(--color-background-darker);
|
|
color: var(--color-text-darker);
|
|
padding: 2px 4px;
|
|
border-radius: var(--border-radius);
|
|
white-space: nowrap;
|
|
margin-inline-start: -14px;
|
|
}
|
|
|
|
#ParaPropertyPanel.sidebar #box3 {
|
|
margin-inline-end: 64px;
|
|
}
|
|
|
|
#fontnamecombobox > .sidebar.jsdialog.ui-listbox,
|
|
#applystyle > .sidebar.jsdialog.ui-listbox {
|
|
min-width: 186px;
|
|
}
|
|
|
|
#table-style {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
#gradientstyle > .sidebar.jsdialog.ui-listbox {
|
|
width: 74px;
|
|
}
|
|
|
|
#table-grid3.sidebar.jsdialog.vertical > .sidebar.jsdialog.row > table.sidebar.jsdialog.ui-grid > tr.sidebar.jsdialog > td.sidebar.jsdialog > .sidebar.jsdialog.vertical > .sidebar.jsdialog.row > table.sidebar.jsdialog.ui-grid {
|
|
width: 10px;
|
|
}
|
|
|
|
#fontsizecombobox > .sidebar.jsdialog.ui-listbox {
|
|
min-width: 86px;
|
|
}
|
|
|
|
.sidebar.ui-expander {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.sidebar.ui-expander-content {
|
|
padding-inline: 10px;
|
|
}
|
|
|
|
#selectcolor {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.sidebar.jsdialog.cell > #table-box3 {
|
|
width: 292px;
|
|
}
|
|
|
|
.sidebar.jsdialog.cell > #table-box3,
|
|
.sidebar.jsdialog.cell > #table-box4 {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
#ShadowPropertyPanel div#table-grid3 table#grid3 td:nth-child(1) {
|
|
justify-content: flex-start;
|
|
width: 294px;
|
|
}
|
|
|
|
.sidebar #table-indentfieldbox {
|
|
text-align: left;
|
|
}
|
|
|
|
#ParaPropertyPanelPanelExpander #grid4 > tr:last-child {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: 275px;
|
|
}
|
|
|
|
#textorientbox {
|
|
position: relative;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
#table-box4.sidebar.jsdialog.vertical {
|
|
width: auto;
|
|
}
|
|
|
|
#btnEditChart,
|
|
#masterslidebutton {
|
|
line-height: 22px;
|
|
min-width: 121px;
|
|
}
|
|
|
|
div#negativenumbersred.checkbutton.jsdialog.sidebar,
|
|
div#thousandseparator.checkbutton.jsdialog.sidebar {
|
|
height: 24px;
|
|
}
|
|
|
|
#settransparency, #fontheight,
|
|
#document-container ~ #sidebar-dock-wrapper .sidebar.jsdialog.vertical > .sidebar.jsdialog.row > table.sidebar.ui-grid > tr.sidebar > td.sidebar:last-child:not(:first-child),
|
|
.sidebar.jsdialog.cell > #table-box3 > .sidebar.jsdialog.row > .sidebar.jsdialog.cell:last-child,
|
|
.sidebar.jsdialog.cell > #table-box4 > .sidebar.jsdialog.row > .sidebar.jsdialog.cell:last-child,
|
|
.sidebar.jsdialog.cell > #table-box4 > .sidebar.jsdialog.row > .sidebar.jsdialog.cell:nth-child(4) {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
#table-paperformat, #table-orientation, #table-fillstyle, #table-masterslide,
|
|
#table-marginLB, #displaymasterbackground, #displaymasterobjects, #table-box1 {
|
|
width: 100%;
|
|
}
|
|
|
|
#TableEditPanel #table-grid1 #grid1 > tr > td:nth-child(2) {
|
|
display: inherit;
|
|
}
|
|
|
|
.sidebar.ui-drawing-area {
|
|
max-width: 290px;
|
|
}
|
|
|
|
#NumberFormatPropertyPanel > tr > td > div > div > div > div > div > div {
|
|
text-align: right;
|
|
}
|
|
#NumberFormatPropertyPanel #leadingzeroeslabel {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
.sidebar.ui-expander-label {
|
|
color: var(--color-main-text);
|
|
font-size: var(--header-font-size);
|
|
line-height: var(--header-height);
|
|
padding-inline: 8px;
|
|
}
|
|
|
|
.sidebar.root-container.jsdialog > .jsdialog.sidebar {
|
|
width: 100%;
|
|
}
|
|
|
|
#ScCellAppearancePropertyPanelPanelExpander #CellAppearancePropertyPanel table.jsdialog.sidebar.ui-grid,
|
|
#CellAppearancePropertyPanel table.jsdialog.sidebar.ui-grid tr.jsdialog.sidebar {
|
|
display: flex;
|
|
}
|
|
#ScCellAppearancePropertyPanelPanelExpander #CellAppearancePropertyPanel table.jsdialog.sidebar.ui-grid {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.sidebar-container > .root-container.jsdialog.sidebar {
|
|
margin: 0;
|
|
}
|
|
|
|
td.jsdialog .jsdialog.cell.sidebar {
|
|
padding: 2px 0px;
|
|
width: auto;
|
|
}
|
|
|
|
.sidebar.jsdialog.checkbutton {
|
|
font-size: var(--default-font-size);
|
|
}
|
|
|
|
.sidebar .menu-entry-icon {
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
|
|
.ui-expander-icon-right .sidebar.unotoolbutton {
|
|
margin: 0px !important;
|
|
}
|
|
|
|
.sidebar.unotoolbutton,
|
|
.sidebar #resetattr,
|
|
.sidebar #FormatPaintbrush{
|
|
border: 1px solid transparent;
|
|
margin-right: 5px;
|
|
}
|
|
#table-textorientbox.sidebar .jsdialog .radiobutton {
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
/* non selected */
|
|
#clearFormatting,
|
|
.hasnotebookbar .ui-content.unotoolbutton.has-label,
|
|
.hasnotebookbar .ui-content.unotoolbutton.inline,
|
|
.hasnotebookbar .ui-content.unotoolbutton:not(.has-label):not(.inline),
|
|
.sidebar.unotoolbutton {
|
|
background-color: transparent;
|
|
border: 1px solid transparent;
|
|
color: var(--color-main-text);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
/* selected */
|
|
.hasnotebookbar .ui-content.unotoolbutton.selected.has-label,
|
|
.hasnotebookbar .ui-content.unotoolbutton.selected.inline,
|
|
.hasnotebookbar .ui-content.unotoolbutton.selected:not(.has-label):not(.inline),
|
|
.sidebar.unotoolbutton.selected {
|
|
background-color: var(--color-background-dark);
|
|
border: 1px solid var(--color-border-dark);
|
|
color: var(--color-text-dark);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
/* selected hover */
|
|
.hasnotebookbar .ui-content.unotoolbutton.selected:hover,
|
|
.unotoolbutton.notebookbar:hover,
|
|
.hasnotebookbar .ui-content.unotoolbutton.selected:not(.has-label):not(.inline):hover,
|
|
.sidebar.unotoolbutton:hover,
|
|
.sidebar.unotoolbutton.selected:hover,
|
|
#table-textorientbox.sidebar .jsdialog .radiobutton:hover {
|
|
background-color: var(--color-background-darker) !important;
|
|
border: 1px solid var(--color-border-darker);
|
|
color: var(--color-text-darker);
|
|
border-radius: var(--border-radius);
|
|
}
|
|
|
|
.sidebar #font select,
|
|
.sidebar #fontsizecombobox select {
|
|
margin: 0;
|
|
}
|
|
|
|
.ui-expander.jsdialog.sidebar .ui-expander-icon-right,
|
|
.ui-expander.jsdialog.sidebar .ui-expander-icon-right * {
|
|
display: block;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-inline-end: 10px;
|
|
}
|
|
|
|
.ui-expander.jsdialog.sidebar .ui-expander-icon-right img {
|
|
filter: brightness(2);
|
|
}
|
|
|
|
.ui-expander.jsdialog.sidebar .ui-expander-icon-right:hover img {
|
|
filter: none;
|
|
}
|
|
|
|
#table-textorientbox.sidebar .jsdialog input[type='radio'] {
|
|
background: none !important;
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
#gradangle > .spinfield {
|
|
margin-left: 0;
|
|
}
|
|
|
|
#orientationcontrol,
|
|
#rotation {
|
|
visibility: hidden;
|
|
height: 16px;
|
|
}
|
|
|
|
.sidebar #fliplabel {
|
|
position: relative;
|
|
bottom: 26px;
|
|
}
|
|
|
|
.sidebar #rotationlabel {
|
|
position: relative;
|
|
bottom: 15px;
|
|
}
|
|
|
|
button#button2.ui-pushbutton.jsdialog.sidebar {
|
|
width: 151px;
|
|
padding: 4px;
|
|
position: relative;
|
|
left: -10px;
|
|
}
|
|
|
|
#writedirection, #backgroundcolor {
|
|
justify-content: end;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#softedgeframe .sidebar.ui-expander-content,
|
|
#glowframe .sidebar.ui-expander-content {
|
|
width: 100% !important; /* frame inside frame */
|
|
}
|
|
|
|
#LB_SHADOW_COLOR {
|
|
border: 1px solid var(--color-border-lighter);
|
|
background-color: var(--color-background-lighter);
|
|
}
|
|
|
|
.sidebar #leftindent {
|
|
line-height: 32px;
|
|
}
|
|
|
|
#TableEditPanelPanelExpander #grid1 > tr > td {
|
|
width: 176px;
|
|
}
|
|
|
|
#rowheight-input {
|
|
margin-inline-start: 0 !important;
|
|
}
|
|
|
|
/* fixes sidebar width in calc (textorientbox, alignment buttons were too big) */
|
|
#AlignmentPropertyPanel button {
|
|
min-width: unset;
|
|
}
|