Files
DocumentServer-v-9.2.0/web-apps/apps/documenteditor/main/resources/less/filemenu.less
Yajbir Singh f1b860b25c
Some checks failed
check / markdownlint (push) Has been cancelled
check / spellchecker (push) Has been cancelled
updated
2025-12-11 19:03:17 +05:30

1043 lines
21 KiB
Plaintext

#file-menu-panel {
.panel-context {
width: 100%;
.padding-left(260px);
background-color: @background-normal-ie;
background-color: @background-normal;
.content-box {
height: 100%;
padding: 0 20px;
label.empty {
position: absolute;
top: 45%;
left: 50%;
}
position: relative;
overflow: hidden;
}
}
}
#id-help-frame {
position: absolute;
left: 220px;
top: 0;
right: 0;
bottom: 0;
.rtl & {
left: 0;
right: 220px;
}
}
#file-menu-panel .panel-context {
#panel-saveas, #panel-savecopy {
&.content-box {
padding: 0 0 0 20px;
.rtl & {
padding: 0 20px 0 0;
}
}
.content-container {
margin: 30px 0 0 10px;
.rtl & {
margin: 30px 10px 0 0;
}
.header {
.font-size-very-huge();
margin-bottom: 24px;
}
.format-items {
.format-item {
margin: 0 24px 34px 0;
.rtl & {
margin: 0 0 34px 24px;
}
.btn-doc-format {
width: 70px;
height: 90px;
}
}
.divider {
float: left;
width: 0;
height: 0;
&:last-of-type {
float: none;
clear: both;
}
}
}
}
}
}
.btn-doc-format {
display: block;
width: 98px;
height: 125px;
cursor: pointer;
.svg-format- {
&docx {
background: ~"url('@{common-image-const-path}/doc-formats/large/docx.svg') no-repeat center";
}
&pdf {
background: ~"url('@{common-image-const-path}/doc-formats/large/pdf.svg') no-repeat center";
}
&odt {
background: ~"url('@{common-image-const-path}/doc-formats/large/odt.svg') no-repeat center";
}
&txt {
background: ~"url('@{common-image-const-path}/doc-formats/large/txt.svg') no-repeat center";
}
&dotx {
background: ~"url('@{common-image-const-path}/doc-formats/large/dotx.svg') no-repeat center";
}
&pdfa {
background: ~"url('@{common-image-const-path}/doc-formats/large/pdfa.svg') no-repeat center";
}
&ott {
background: ~"url('@{common-image-const-path}/doc-formats/large/ott.svg') no-repeat center";
}
&rtf {
background: ~"url('@{common-image-const-path}/doc-formats/large/rtf.svg') no-repeat center";
}
&docm {
background: ~"url('@{common-image-const-path}/doc-formats/large/docm.svg') no-repeat center";
}
&docxf {
background: ~"url('@{common-image-const-path}/doc-formats/large/docxf.svg') no-repeat center";
}
&oform {
background: ~"url('@{common-image-const-path}/doc-formats/large/oform.svg') no-repeat center";
}
&html {
background: ~"url('@{common-image-const-path}/doc-formats/large/html.svg') no-repeat center";
}
&fb2 {
background: ~"url('@{common-image-const-path}/doc-formats/large/fb2.svg') no-repeat center";
}
&epub {
background: ~"url('@{common-image-const-path}/doc-formats/large/epub.svg') no-repeat center";
}
&xps {
background: ~"url('@{common-image-const-path}/doc-formats/large/xps.svg') no-repeat center";
}
&oxps {
background: ~"url('@{common-image-const-path}/doc-formats/large/oxps.svg') no-repeat center";
}
&djvu {
background: ~"url('@{common-image-const-path}/doc-formats/large/djvu.svg') no-repeat center";
}
&png {
background: ~"url('@{common-image-const-path}/doc-formats/large/png.svg') no-repeat center";
}
&jpg {
background: ~"url('@{common-image-const-path}/doc-formats/large/jpg.svg') no-repeat center";
}
&hwp {
background: ~"url('@{common-image-const-path}/doc-formats/large/hwp.svg') no-repeat center";
}
&hwpx {
background: ~"url('@{common-image-const-path}/doc-formats/large/hwpx.svg') no-repeat center";
}
&vsdx {
background: ~"url('@{common-image-const-path}/doc-formats/large/vsdx.svg') no-repeat center";
}
}
div {
display: block;
height: 100%;
width: 100%;
&:hover {
opacity: 0.85;
}
}
}
.btn-blank-format {
display: block;
width: 96px;
height: 96px;
cursor: pointer;
.svg-format-blank {
background: ~"url(@{app-image-const-path}/blank.svg) no-repeat center" ;
}
.svg-file-template{
background: ~"url(@{app-image-const-path}/file-template.svg) no-repeat center" ;
}
div {
display: block;
height: 100%;
width: 100%;
}
}
#panel-settings {
#file-menu-panel & {
padding: 0;
display: flex;
flex-direction: column;
}
}
#panel-info {
#file-menu-panel & {
padding: 0 30px;
}
.header {
.font-size-very-huge();
height: unset;
line-height: unset;
}
table.main {
margin: 30px 0 18px;
}
table {
display: flex;
flex-direction: column;
tr {
display: flex;
margin-bottom: 12px;
td {
.font-size-normal();
line-height: 16px;
&.title {
line-height: 20px;
label {
.font-size-huge();
font-weight: 700;
}
}
&.left {
display: block;
width: 140px;
flex-shrink: 0;
.margin-right(24px);
}
&.right {
flex-grow: 1;
}
}
&.divider {
height: 10px;
}
}
tbody {
display: flex;
flex-direction: column;
&:not(:last-of-type) {
margin-bottom: 12px;
}
&.properties-tab {
margin-bottom: 0;
tr {
margin-bottom: 10px;
}
td {
height: unset;
}
td.left {
display: flex;
align-items: center;
.margin-right-20();
label {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
}
}
}
tr.author-info {
align-items: flex-start;
td {
&.left {
height: 22px;
}
display: flex;
align-items: center;
& > *:not(:last-child) {
.margin-right-5();
}
}
}
.author-info tbody tr:last-child {
margin-bottom: 20px;
}
&.main {
width: 100%;
}
}
#fms-flex-add-property {
margin-top: 10px;
td {
height: unset;
}
}
#fminfo-btn-add-property {
padding: 0;
border: 0;
background-color: transparent;
height: 24px;
span {
border-bottom: 1px dotted currentColor;
padding-bottom: 2px;
}
}
.custom-property-wrapper {
display: flex;
align-items: center;
& > *:not(:last-child) {
.margin-right-5();
}
}
.tool.close:before, .tool.close:after {
margin-top: 2px;
}
}
#panel-settings {
.header {
margin: 30px 0 18px 30px;
.font-size-very-huge();
.rtl & {
margin: 30px 30px 18px 0;
}
}
.flex-settings {
table {
margin: 0 14px 0 20px;
.rtl & {
margin: 0 20px 0 14px;
}
}
}
table {
width: auto !important;
tr {
td {
label{
.font-size-normal();
}
padding: 6px 10px;
&.group-name label {
.font-size-huge();
.font-weight-bold();
}
&.subgroup-name label{
.font-weight-bold();
}
.comment-text{
opacity: 0.45;
}
}
&.divider {
height: 10px;
}
&.divider-group {
height: 12px;
}
&.divider-subgroup{
height: 4px;
}
}
}
#fms-cmb-theme {
display: inline-block;
.margin-right-15();
vertical-align: middle;
}
#fms-chb-dark-mode {
display: inline-block;
vertical-align: middle;
margin-top: 2px;
}
#fms-cmb-macros {
display: inline-block;
.margin-right-15();
vertical-align: middle;
}
}
#panel-createnew {
.header {
.font-size-very-huge();
padding: 0 0 0 10px;
white-space: nowrap;
margin-top: 30px;
margin-bottom: 24px;
.rtl & {
padding: 0 10px 10px 0;
}
}
hr {
margin: 0;
border-bottom: none;
border-top: @scaled-one-px-value-ie solid @border-divider-ie;
border-top: @scaled-one-px-value solid @border-divider;
}
.thumb-list {
max-width: 600px;
.thumb-wrap, .blank-document {
display: inline-block;
text-align: center;
width: auto;
cursor: pointer;
vertical-align: top;
.border-radius(@border-radius-small);
.thumb, .blank-document-btn {
width: 96px;
height: 96px;
background-repeat: no-repeat;
background-position: center;
margin: 12px 12px 0px 12px;
background-size: contain;
}
.title {
width: 104px;
.font-size-medium();
line-height: 14px;
height: 28px;
margin: 8px 8px 12px 8px;
word-break: break-word;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
&:hover{
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
&:active{
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
}
}
}
}
#panel-recentfiles {
#id-recent-view {
margin: 0 0 20px 0px;
}
.header {
margin: 30px 0 20px 10px;
.font-size-very-huge();
}
.item {
border: none;
.margin-left-4;
width: 100%;
.box-shadow(none);
}
.recent-wrap {
padding: 5px 6px;
cursor: pointer;
.font-size-medium();
&:hover,
&.over {
background-color: @background-pane-ie;
background-color: @background-pane;
}
.recent-icon {
display: inline-block;
.float-left();
width: 24px;
height: 30px;
margin-top: 1px;
div {
width: 100%;
height: 100%;
svg {
display: none;
width: 24px;
height: 30px;
.pixel-ratio__2_5 & {
display: block;
}
}
div{
background: ~"url(@{common-image-const-path}/doc-formats/formats.png)";
background-size: 1200px 30px;
&:not(.svg-file-recent) {
.pixel-ratio__1_25 & {
background-image: ~"url(@{common-image-const-path}/doc-formats/formats@1.25x.png)";
}
.pixel-ratio__1_5 & {
background-image: ~"url(@{common-image-const-path}/doc-formats/formats@1.5x.png)";
}
.pixel-ratio__1_75 & {
background-image: ~"url(@{common-image-const-path}/doc-formats/formats@1.75x.png)";
}
.pixel-ratio__2 & {
background-image: ~"url(@{common-image-const-path}/doc-formats/formats@2x.png)";
}
.pixel-ratio__2_5 & {
display: none;
}
}
}
.format-from-index(@index) {
background-position: -24px*@index 0;
}
.img-format- {
&docx {
.format-from-index(0);
}
&pdf {
.format-from-index(13);
}
&odt {
.format-from-index(2);
}
&txt {
.format-from-index(4);
}
&dotx {
.format-from-index(20);
}
&pdfa {
.format-from-index(13);
}
&ott {
.format-from-index(23);
}
&rtf {
.format-from-index(3);
}
&doc {
.format-from-index(1);
}
&docxf {
.format-from-index(28);
}
&oform {
.format-from-index(29);
}
&html, &htm {
.format-from-index(5);
}
&fb2 {
.format-from-index(19);
}
&epub {
.format-from-index(18);
}
&xps {
.format-from-index(15);
}
&xml {
.format-from-index(16);
}
&djvu {
.format-from-index(14);
}
&mht {
.format-from-index(17);
}
&docm {
.format-from-index(31);
}
&dotm {
.format-from-index(32);
}
&fodt {
.format-from-index(33);
}
&md {
.format-from-index(41);
}
&neutral {
.format-from-index(42);
}
&pages {
.format-from-index(43);
}
&vsdx {
.format-from-index(46);
}
&hwp {
.format-from-index(47);
}
&hwpx {
.format-from-index(48);
}
}
.svg-file-recent {
background: ~"url(@{app-image-const-path}/recent-file.svg) no-repeat top";
}
}
}
> div:not(:first-child) {
display: block;
.padding-left-10();
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.file-info {
color: @text-secondary-ie;
color: @text-secondary;
}
}
}
#panel-help {
#file-menu-panel & {
padding: 0;
overflow-y: hidden;
}
.no-padding {
padding: 0;
vertical-align: top;
}
.dataview {
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-right: @scaled-one-px-value solid @border-toolbar;
.rtl & {
border-right: none;
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-left: @scaled-one-px-value solid @border-toolbar;
}
& > .item {
display: block;
border: none;
width: 100%;
.box-shadow(none);
margin: 0;
.font-size-medium();
float: none;
&:not(.header-name) {
&:hover,
&.over {
background-color: @background-pane-ie;
background-color: @background-pane;
}
&.selected {
background-color: @highlight-button-pressed-ie;
background-color: @highlight-button-pressed;
color: @text-normal-pressed-ie;
color: @text-normal-pressed;
}
}
}
.help-item-wrap {
padding: 4px 2px 4px 20px;
.rtl & {
padding: 4px 20px 4px 2px;
}
}
.header-name {
padding: 16px 2px 4px 10px;
.font-size-medium();
.rtl & {
padding: 16px 10px 4px 2px;
}
}
}
}
#panel-rights {
#file-menu-panel & {
padding: 0 30px;
}
.header {
margin: 30px 0 20px 0;
.font-size-very-huge();
}
}
#panel-rights {
table {
tr {
td {
padding: 0 20px 5px 0;
.rtl & {
padding: 0 0 5px 20px;
}
&.left {
padding: 5px 10px;
.text-align-right();
width: 200px;
label {
.font-weight-bold();
}
}
&.right {
padding: 5px 10px;
width: calc(100% - 200px);
}
}
&.divider {
height: 10px;
}
}
&.main {
width: 100%;
}
}
.userLink {
background-position: -24px -28px;
padding: 0 0 0 17px;
width: 16px;
height: 16px;
&.sharedLink {
background-position: -22px -44px;
}
.rtl & {
padding: 0 17px 0 0;
}
}
label, span {
.font-size-medium();
}
.tool {
.margin-left-4();
background-image: none;
&.close{
&:before, &:after {
height: 12px;
left: 8px;
width: 2px;
width: @scaled-two-px-value;
}
&.disabled {
opacity: 0.4;
}
}
}
/*.close {
width: 16px;
height: 16px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
background-position: @but-close-offset-x @but-close-offset-y;
&.over,
&:hover {
background-position: @but-close-offset-x @but-close-offset-y - 16px;
opacity: 1;
}
&.disabled {
background-position: @but-close-offset-x @but-close-offset-y - 32px;
cursor: default;
}
}*/
}
#panel-protect {
label {
.font-size-medium();
}
#file-menu-panel & {
padding: 30px 30px;
}
.header {
.font-weight-bold();
margin: 20px 0 4px 0;
}
.description {
color: @text-secondary-ie;
color: @text-secondary;
margin-bottom: 12px;
}
.buttons {
display: flex;
}
.signature-tip {
margin-bottom: 6px;
}
#fms-btn-invisible-sign {
margin-bottom: 24px;
}
#id-fms-lbl-protect-header {
.font-size-very-huge();
}
.btn-text-default.auto {
padding-left: 12px;
padding-right: 12px;
}
}
#file-menu-panel {
#panel-print {
padding: 0;
.main-header {
.font-size-very-huge();
margin: 18px 0 20px 0;
}
.comment-text{
white-space: normal;
}
#id-print-settings {
position: absolute;
width:280px;
top: 0;
bottom: 0;
}
.print-settings {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
border-right: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-right: @scaled-one-px-value solid @border-toolbar;
.rtl & {
border-right: none;
border-left: @scaled-one-px-value-ie solid @border-toolbar-ie;
border-left: @scaled-one-px-value solid @border-toolbar;
}
.settings-container {
width: 100%;
height: 100%;
overflow: hidden;
padding: 12px 16px;
.padding-small {
padding-bottom: 8px;
}
.padding-large {
padding-bottom: 16px;
}
#print-apply-all {
margin-top: 5px;
}
.link {
margin-top: 9px;
}
.footer {
margin-top: 24px;
}
#print-combo-sides {
.dropdown-menu li > a {
.padding-x(20px, 5px);
}
}
#print-combo-printer,
#print-combo-pages {
.form-control {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
}
.dropdown-menu li > a {
overflow: hidden;
text-overflow: ellipsis;
}
}
.text-dropdown-item {
background:none;
cursor: default;
}
#print-waiting-for-printers {
display: flex;
align-items: center;
.spiner-image {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNDQ0IiBzdHJva2Utd2lkdGg9IjEuNSIgcj0iNy4yNSIgc3Ryb2tlLWRhc2hhcnJheT0iMTYwJSwgNDAlIiAvPjwvc3ZnPg==");
width: 14px;
height: 14px;
.margin-left(6px);
.theme-type-dark & {
filter: invert();
}
animation-duration: .8s;
animation-name: rotation;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
}
}
}
#print-navigation {
height: 50px;
.padding-left-20();
padding-top: 10px;
display: flex;
#print-prev-page {
display: inline-block;
margin-right: 4px;
}
#print-next-page {
display: inline-block;
}
.btn-prev-page, .btn-next-page {
background-color: transparent;
padding: 0;
height: 20px;
width: 20px;
i.arrow {
display: inline-block;
width: 10px;
height: 10px;
border: solid @scaled-one-px-value-ie @icon-normal-ie;
border: solid @scaled-one-px-value @icon-normal;
border-bottom: none;
border-right: none;
}
&.disabled {
opacity: @component-disabled-opacity;
}
&:hover:not(:disabled):not(.disabled) {
background-color: @highlight-button-hover-ie;
background-color: @highlight-button-hover;
}
}
.btn-prev-page {
i {
transform: rotate(-45deg) translate(-1px, 3px);
}
}
.btn-next-page {
i {
transform: rotate(135deg) translate(4px, 0px);
}
}
.page-number {
display: flex;
align-items: center;
height: 20px;
label {
.font-weight-bold();
}
}
}
#print-preview {
height: calc(100% - 50px);
}
#print-preview-box {
position: absolute;
left: 280px;
top: 0;
right: 0;
bottom: 0;
.rtl & {
right: 280px;
left: 0;
}
}
}
}