1230 lines
44 KiB
CSS
1230 lines
44 KiB
CSS
* {
|
|
font-family: 'Raleway' !important;
|
|
font-variant-numeric: lining-nums;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
|
|
body {
|
|
|
|
--color-primary-element: #70B62B !important;
|
|
--color-primary-element-hover: #70B62B !important;
|
|
--color-primary-element-text: #f3f3f3 !important;
|
|
--color-primary-element-light: #F5F5F5 !important;
|
|
--input-border-radius: 34px !important;
|
|
--default-clickable-area: 28px !important;
|
|
--button-size: 30px !important;
|
|
--radio-group-button--color: #000 !important;
|
|
--color-primary-element-light-text: #808080 !important;
|
|
|
|
& #content-vue.content.app-notes {
|
|
|
|
& #settings-section_undefined,
|
|
li:has(.navigation-list__link[href="#settings-section_keyboard-shortcuts"]),
|
|
#settings-section_keyboard-shortcuts--label {
|
|
display: none;
|
|
}
|
|
|
|
& .app-navigation-list.app-navigation__list {
|
|
& .app-navigation-entry-wrapper svg path {
|
|
color: #808080;
|
|
}
|
|
|
|
& .material-design-icon.folder-outline-icon svg,
|
|
.material-design-icon.folder-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.folder-outline-icon::before,
|
|
.material-design-icon.folder-icon::before {
|
|
background-image: url("/themes/forbion/images/files/folder-gray.svg");
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
}
|
|
|
|
& .app-navigation {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
|
|
& .app-navigation-toggle-wrapper .material-design-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .app-navigation-toggle-wrapper .material-design-icon::before {
|
|
background-image: url("/themes/forbion/images/notes/close-sidebar-gray.svg");
|
|
content: '';
|
|
width: 20px;
|
|
height: 36px;
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
|
|
}
|
|
|
|
& .app-navigation-toggle-wrapper {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
& .app-navigation-toggle-wrapper .material-design-icon.menu-icon::before {
|
|
|
|
transform: rotateY(-180deg);
|
|
|
|
}
|
|
|
|
& .app-navigation__content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
|
|
& .app-navigation__body {
|
|
overflow-y: unset;
|
|
flex-grow: 1;
|
|
|
|
& .app-navigation-new {
|
|
padding: 0 !important;
|
|
|
|
& .button-vue--vue-primary .button-vue__wrapper {
|
|
color: white;
|
|
|
|
& .button-vue__icon {
|
|
display: none !important;
|
|
}
|
|
|
|
& .button-vue__text {
|
|
position: absolute;
|
|
left: 45px;
|
|
font-family: Raleway;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
|
|
& .button-vue--vue-primary .button-vue__wrapper:after {
|
|
background-image: url("/themes/forbion/images/notes/note-white.svg") !important;
|
|
content: '';
|
|
width: 20px;
|
|
height: 19px;
|
|
background-size: cover;
|
|
left: 15px;
|
|
position: absolute;
|
|
}
|
|
|
|
& .button-vue--vue-primary:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 32px;
|
|
width: 2px;
|
|
height: 100%;
|
|
background: #ffffff;
|
|
pointer-events: none;
|
|
}
|
|
|
|
&>button {
|
|
height: 40px;
|
|
background-color: #70B62B;
|
|
}
|
|
|
|
&>button:before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 8px;
|
|
transform: translateY(-50%);
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url("../../../images/plus.svg");
|
|
background-repeat: no-repeat;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-navigation-list.app-navigation__list {
|
|
background: #ffffff;
|
|
margin-top: var(--main-margin-panels);
|
|
border-top-left-radius: 8px;
|
|
border-top-right-radius: 8px;
|
|
|
|
|
|
& .app-navigation-entry {
|
|
padding-block: 5px;
|
|
padding-left: 4px;
|
|
|
|
& .app-navigation-entry__name {
|
|
font-family: Raleway;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
/*line-height: 20px;*/
|
|
letter-spacing: 0;
|
|
margin-left: 6px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-navigation-entry__settings {
|
|
margin: 0;
|
|
background: #ffffff;
|
|
border-bottom-left-radius: 8px;
|
|
border-bottom-right-radius: 8px;
|
|
|
|
& .material-design-icon.cog-outline-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.cog-outline-icon::before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url("/themes/forbion/images/files/settings-gray.svg");
|
|
background-repeat: no-repeat;
|
|
pointer-events: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& #app-content-vue {
|
|
|
|
& .welcome-content {
|
|
|
|
& .help-mobile {
|
|
display: none;
|
|
}
|
|
|
|
& .feature > button {
|
|
height: 34px;
|
|
}
|
|
|
|
}
|
|
|
|
& #note-container {
|
|
& .icon.icon-picture {
|
|
background-image: url("/themes/forbion/images/notes/picture-gray-icon.svg") !important;
|
|
|
|
}
|
|
|
|
& .material-design-icon.dots-horizontal-icon svg path{
|
|
color: #808080 !important;
|
|
}
|
|
}
|
|
|
|
& .app-content-wrapper {
|
|
& .app-content-list.content-list {
|
|
|
|
& .material-design-icon.dots-horizontal-icon svg path {
|
|
color: #808080;
|
|
}
|
|
|
|
& .content-list__search {
|
|
padding: 0 0 0 36px;
|
|
|
|
& .input-field input {
|
|
border-radius: 27px;
|
|
border: 1px solid #D9D9D9;
|
|
box-shadow: none;
|
|
}
|
|
|
|
}
|
|
|
|
& li.list-item__wrapper {
|
|
height: 56px;
|
|
border-bottom: 1px solid #E6E6E6;
|
|
|
|
& .list-item.list-item--one-line {
|
|
align-items: center;
|
|
|
|
& .material-design-icon.star-outline-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.star-outline-icon::before {
|
|
background-image: url("/themes/forbion/images/files/star-green-full.svg");
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
content:"";
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& .splitpanes__pane.splitpanes__pane-list {
|
|
margin-right: 0px !important;
|
|
}
|
|
|
|
& .splitpanes__splitter {
|
|
background-color: transparent;
|
|
width: 5px !important;
|
|
}
|
|
|
|
& .editor {
|
|
|
|
& .content-wrapper .editor__content .is-empty[data-placeholder="Start writing or type '/' to add…"]::before {
|
|
content: "Начните писать или введите '/' для добавления…" !important;
|
|
}
|
|
& .text-menubar {
|
|
|
|
& .text-menubar__entries {
|
|
justify-content: center;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
& .text-menubar__slot {
|
|
& .v-popper.session-list>div:has(button[aria-label="Активные пользователи"]) {}
|
|
}
|
|
|
|
}
|
|
|
|
& .code-block-header {
|
|
margin-top: 13px !important;
|
|
}
|
|
|
|
& .text-menubar__entries {
|
|
& .alert-icon {
|
|
&:after {
|
|
background-image: url("/themes/forbion/images/warning-black.svg") !important;
|
|
content: '';
|
|
width: 18px;
|
|
height: 18px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .checkbox-marked-circle-icon {
|
|
&:after {
|
|
background-image: url("/themes/forbion/images/success-black.svg") !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .information-icon {
|
|
&:after {
|
|
background-image: url("/themes/forbion/images/info-black.svg") !important;
|
|
content: '';
|
|
width: 17px;
|
|
height: 17px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .alert-decagram-icon {
|
|
&:after {
|
|
background-image: url("/themes/forbion/images/error-black.svg") !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 17px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .v-popper__inner {
|
|
font-family: Raleway !important;
|
|
padding-block: 4px !important;
|
|
padding-inline: 10px !important;
|
|
|
|
& .action-separator,
|
|
.action-menu-outline {
|
|
display: none;
|
|
}
|
|
|
|
& .format-header1-icon,
|
|
.format-header2-icon,
|
|
.format-header3-icon,
|
|
.format-header4-icon,
|
|
.format-header5-icon,
|
|
.format-header6-icon {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.format-header1-icon~.action-button__text,
|
|
.format-header1-icon+.action-button__text {
|
|
font-size: 30px !important;
|
|
}
|
|
|
|
.format-header2-icon~.action-button__text,
|
|
.format-header2-icon+.action-button__text {
|
|
font-size: 26px !important;
|
|
}
|
|
|
|
.format-header3-icon~.action-button__text,
|
|
.format-header3-icon+.action-button__text {
|
|
font-size: 23px !important;
|
|
}
|
|
|
|
.format-header4-icon~.action-button__text,
|
|
.format-header4-icon+.action-button__text {
|
|
font-size: 20px !important;
|
|
}
|
|
|
|
.format-header5-icon~.action-button__text,
|
|
.format-header5-icon+.action-button__text {
|
|
font-size: 17px !important;
|
|
}
|
|
|
|
.format-header6-icon~.action-button__text,
|
|
.format-header6-icon+.action-button__text {
|
|
font-size: 15px !important;
|
|
}
|
|
|
|
& .material-design-icon.folder-icon {
|
|
background-image: url('/themes/forbion/images/folder-black.svg');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 7px;
|
|
}
|
|
|
|
& .material-design-icon.folder-icon>svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.upload-icon {
|
|
background-image: url('/themes/forbion/images/upload-black.svg');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
width: 16px;
|
|
height: 16px;
|
|
margin-right: 12px;
|
|
}
|
|
|
|
& .material-design-icon.upload-icon>svg {
|
|
display: none;
|
|
}
|
|
|
|
& .alphabetical-variant-icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/abc-black.svg) !important;
|
|
content: '';
|
|
width: 18px;
|
|
height: 18px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .help-circle-icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/quest-black.svg) !important;
|
|
content: '';
|
|
width: 18px;
|
|
height: 18px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .file-document-icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/link-icon.svg) !important;
|
|
content: '';
|
|
width: 18px;
|
|
height: 18px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .alert-icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/warning-yellow.svg) !important;
|
|
content: '';
|
|
width: 18px;
|
|
height: 18px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .checkbox-marked-circle-icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/success-green.svg) !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 17px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .information-icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/info-purple.svg) !important;
|
|
content: '';
|
|
width: 17px;
|
|
height: 17px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .alert-decagram-icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/error-red.svg) !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 17px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& li {
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
|
|
& .action-button__text {
|
|
margin-left: 6px;
|
|
|
|
font-family: Raleway !important;
|
|
font-weight: 500 !important;
|
|
font-size: 14px !important;
|
|
/*line-height: 20px !important;*/
|
|
letter-spacing: 0 !important;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
& .text-menubar {
|
|
width: 99%;
|
|
margin: 16px 5px;
|
|
border: 1px solid #E6E6E6 !important;
|
|
border-radius: 8px;
|
|
padding: 25px;
|
|
}
|
|
|
|
& .text-menubar__entries {
|
|
margin-left: unset !important;
|
|
justify-content: center;
|
|
gap: 8px !important;
|
|
|
|
& .button-vue {
|
|
/*margin-right: 10px;*/
|
|
background: #ffffff !important;
|
|
--button-size: 30px !important;
|
|
color: #000000 !important;
|
|
}
|
|
|
|
& .button-vue.button-vue--vue-primary {}
|
|
|
|
|
|
|
|
& .material-design-icon.paperclip-icon {
|
|
background-image: url('/themes/forbion/images/image-black.svg');
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
background-size: cover;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
& .material-design-icon.paperclip-icon>svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .content-wrapper.text-editor__content-wrapper {
|
|
margin: 16px 5px;
|
|
min-height: calc(100vh - 246px);
|
|
border: 1px solid #E6E6E6 !important;
|
|
border-radius: 8px;
|
|
display: block !important;
|
|
|
|
& table {
|
|
|
|
& tr {
|
|
height: 43px !important;
|
|
min-height: 43px !important;
|
|
|
|
& th {
|
|
vertical-align: middle !important;
|
|
}
|
|
|
|
& td {
|
|
vertical-align: middle !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .editor--outline {
|
|
position: unset !important;
|
|
}
|
|
|
|
}
|
|
|
|
& .callout {
|
|
border-radius: 0 !important;
|
|
--color-warning: #F6E120 !important;
|
|
--color-success: #70B62B !important;
|
|
--color-error: #D74642 !important;
|
|
--color-info: #9747FF !important;
|
|
|
|
|
|
& .alert-icon.callout__icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/warning-yellow.svg) !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .checkbox-marked-circle-icon.callout__icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/success-green.svg) !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .information-icon.callout__icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/info-purple.svg) !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 17px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .alert-decagram-icon.callout__icon {
|
|
&:after {
|
|
background-image: url(/themes/forbion/images/error-red.svg) !important;
|
|
content: '';
|
|
width: 16px;
|
|
height: 17px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& svg {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
/* Стили иконок */
|
|
& .material-design-icon.menu-open-icon>svg,
|
|
.material-design-icon.cog-outline-icon svg,
|
|
.material-design-icon.file-document-outline-icon>svg,
|
|
.material-design-icon.cog-icon>svg,
|
|
.app-navigation-entry-icon.icon-emptyfolder>span>svg,
|
|
.app-navigation-entry-icon .material-design-icon.history-icon>svg,
|
|
.app-navigation-entry-icon.icon-files .material-design-icon.folder-icon>svg,
|
|
.material-design-icon.archive-icon>svg,
|
|
.material-design-icon.eye-icon>svg,
|
|
.material-design-icon.emoticon-outline-icon>svg,
|
|
.material-design-icon.share-variant-icon>svg,
|
|
.material-design-icon.folder-outline-icon svg,
|
|
.material-design-icon.share-variant-outline-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
& .material-design-icon.share-variant-outline-icon::before {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/share-note.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .material-design-icon.cog-outline-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/gear.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .material-design-icon.menu-open-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/close-sidebar-gray.svg');
|
|
width: 19px;
|
|
height: 30px;
|
|
background-size: cover;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
& .material-design-icon.file-document-outline-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/user.svg');
|
|
width: 25px;
|
|
height: 25px;
|
|
background-size: cover;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
& .material-design-icon.cog-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/gear.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .app-navigation-entry-icon.icon-emptyfolder>span:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/folder.svg');
|
|
width: 18px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .app-navigation-entry-icon .material-design-icon.history-icon:after {
|
|
content: '';
|
|
/*background-image: url('/themes/forbion/images/recent.svg');*/
|
|
background-image: url('/themes/forbion/images/notes/circle-green.svg');
|
|
width: 18px;
|
|
height: 18px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .app-navigation-entry-icon.icon-files .material-design-icon.folder-icon {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/folder.svg');
|
|
width: 18px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .app-navigation-new .button-vue--vue-primary .button-vue__wrapper {
|
|
color: white;
|
|
|
|
& .button-vue__icon {
|
|
display: none !important;
|
|
}
|
|
|
|
& .button-vue__text {
|
|
position: absolute;
|
|
left: 45px;
|
|
font-family: Raleway;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
}
|
|
}
|
|
|
|
& .app-navigation-new .button-vue--vue-primary .button-vue__wrapper:after {
|
|
background-image: url("/themes/forbion/images/notes/note-white.svg") !important;
|
|
content: '';
|
|
width: 20px;
|
|
height: 19px;
|
|
background-size: cover;
|
|
left: 15px;
|
|
position: absolute;
|
|
}
|
|
|
|
& .app-navigation-new .button-vue--vue-primary:after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
right: 32px;
|
|
width: 2px;
|
|
height: 100%;
|
|
background: #ffffff;
|
|
pointer-events: none;
|
|
}
|
|
|
|
& .material-design-icon.archive-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/archive-black.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
|
|
& .material-design-icon.eye-icon {
|
|
background-image: url('/themes/forbion/images/notes/eye.svg');
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
& .new-message-form__emoji-picker {
|
|
position: unset !important;
|
|
}
|
|
|
|
& .material-design-icon.emoticon-outline-icon {
|
|
background-image: url('/themes/forbion/images/notes/smile-black.svg');
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
|
|
|
|
}
|
|
|
|
& .app-sidebar {
|
|
border-radius: 8px;
|
|
|
|
& .talkChatTab .emptycontent.room-not-joined {
|
|
gap: 8px;
|
|
justify-content: flex-start;
|
|
|
|
&>h2 {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .app-sidebar-tabs__nav {
|
|
|
|
& #tab-button-comments .svg-icon,
|
|
#tab-button-version_vue .checkbox-content__icon svg {
|
|
display: none !important;
|
|
}
|
|
|
|
& #tab-button-comments .checkbox-content__icon::before {
|
|
content: '';
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url('/themes/forbion/images/right-sidebar/comment-icon-black.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
}
|
|
|
|
& #tab-comments {
|
|
& .comment.comments__writer {
|
|
|
|
& .comment__body {
|
|
& .comment__header {
|
|
display: none;
|
|
}
|
|
|
|
& .comment__editor {
|
|
|
|
& #tab-comments__editor-description {
|
|
display: none;
|
|
}
|
|
|
|
& .comment__editor-group {
|
|
& .rich-contenteditable__input {
|
|
margin-top: 0;
|
|
border: 1px solid #E6E6E6;
|
|
}
|
|
|
|
& .comment__submit {
|
|
& .material-design-icon.arrow-right-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.arrow-right-icon::before {
|
|
content: '';
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background-image: url('/themes/forbion/images/right-sidebar/sudmit-icon.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
& .empty-content.comments__empty {
|
|
gap: 8px;
|
|
justify-content: flex-start;
|
|
|
|
& .empty-content__icon {
|
|
margin-bottom: 0;
|
|
padding: 0;
|
|
|
|
& .material-design-icon.message-reply-text-outline-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.message-reply-text-outline-icon::before {
|
|
content: '';
|
|
display: block;
|
|
width: 64px;
|
|
height: 64px;
|
|
background-image: url('/themes/forbion/images/right-sidebar/no-comment-icon-colored.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
}
|
|
|
|
& .empty-content__name {
|
|
font-weight: 600 !important;
|
|
font-size: 14px !important;
|
|
line-height: 20px !important;
|
|
|
|
|
|
}
|
|
}
|
|
|
|
& .app-sidebar-tabs__nav {
|
|
|
|
& #tab-button-version_vue .svg-icon,
|
|
#tab-button-version_vue .checkbox-content__icon svg {
|
|
display: none !important;
|
|
}
|
|
|
|
& #tab-button-version_vue .checkbox-content__icon::before {
|
|
content: '';
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url('/themes/forbion/images/right-sidebar/version-icon-black.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
& #tab-button-sharing .svg-icon,
|
|
#tab-button-sharing_vue .checkbox-content__icon svg {
|
|
display: none !important;
|
|
}
|
|
|
|
& #tab-button-sharing .checkbox-content__icon::before {
|
|
content: '';
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url('/themes/forbion/images/right-sidebar/people-icon-black.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
|
|
& #tab-button-chat .icon-talk,
|
|
#tab-button-chat_vue .checkbox-content__icon svg {
|
|
display: none !important;
|
|
}
|
|
|
|
& #tab-button-chat .checkbox-content__icon::before {
|
|
content: '';
|
|
display: block;
|
|
width: 20px;
|
|
height: 20px;
|
|
background-image: url('/themes/forbion/images/right-sidebar/chats-icon-black.svg');
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
}
|
|
}
|
|
|
|
& #tab-activity {
|
|
|
|
& .activity-entry {
|
|
align-items: center;
|
|
gap: 5px;
|
|
}
|
|
|
|
& .rich-text--wrapper.activity-entry__content__subject {
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 20.14px;
|
|
}
|
|
|
|
& .nc-datetime.activity-entry__date {
|
|
font-weight: 600;
|
|
font-size: 12px;
|
|
line-height: 20.14px;
|
|
}
|
|
}
|
|
|
|
& .sharingTab__content {
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
& .sharing-entry__title {
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
& .sharingTabDetailsView__wrapper {
|
|
overflow-x: hidden !important;
|
|
}
|
|
|
|
& .sharingTabDetailsView__advanced {
|
|
& .input-field__main-wrapper input {
|
|
box-shadow: none;
|
|
border: 1px solid #E6E6E6;
|
|
}
|
|
}
|
|
|
|
& .sharingTabDetailsView__wrapper {
|
|
& input[type="text"] {
|
|
box-shadow: none;
|
|
border: 1px solid #E6E6E6;
|
|
}
|
|
}
|
|
|
|
& .sharingTab {
|
|
|
|
& .avatar-class-icon.avatar-link-share.icon-public-white {
|
|
background-image: url('/themes/forbion/images/right-sidebar/sidebar-share-icon.svg');
|
|
}
|
|
|
|
& .avatar-shared.icon-more-white {
|
|
background-image: url('/themes/forbion/images/right-sidebar/sidebar-people-icon.svg');
|
|
}
|
|
|
|
& .avatar-external.icon-external-white {
|
|
background-image: url('/themes/forbion/images/right-sidebar/sidebar-link-icon.svg');
|
|
}
|
|
|
|
& .material-design-icon.content-copy-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.content-copy-icon::before {
|
|
content: '';
|
|
background-image: url("/themes/forbion/images/files/plus-black.svg");
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
& .sharingTab__content section:nth-child(2) {
|
|
order: -1;
|
|
padding-bottom: 0px;
|
|
border-bottom: none;
|
|
|
|
& .section-header,
|
|
.sharing-search {
|
|
display: none;
|
|
}
|
|
|
|
}
|
|
|
|
& .sharingTab__content section:nth-child(1) {
|
|
padding-bottom: 0px;
|
|
border-bottom: none;
|
|
|
|
& .section-header,
|
|
.sharing-search {
|
|
display: none;
|
|
}
|
|
|
|
& .sharing-entry__desc {
|
|
&>p {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
& .sharingTab__content section:nth-child(3) {
|
|
display: none;
|
|
}
|
|
|
|
}
|
|
|
|
& .talkChatTab {
|
|
& .icon.icon-talk {
|
|
margin: 0 !important;
|
|
background-image: url("/themes/forbion/images/files/go-to-chat-colored.svg");
|
|
opacity: 1;
|
|
}
|
|
|
|
& .emptycontent.room-not-joined>button {
|
|
height: 36px;
|
|
|
|
& .button-vue__text {
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
& .v-popper__popper {
|
|
|
|
& .material-design-icon.share-variant-outline-icon svg,
|
|
.material-design-icon.share-variant-outline-icon svg,
|
|
.material-design-icon.folder-outline-icon svg,
|
|
.material-design-icon.pencil-outline-icon svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.folder-outline-icon::before {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/folser-black.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .material-design-icon.share-variant-outline-icon::before {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/share-note.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .material-design-icon.pencil-outline-icon::before {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/notes/edit-pencil-black.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
}
|
|
|
|
.app-notes~.modal-mask.app-settings,
|
|
.app-notes+.modal-mask.app-settings {
|
|
& .modal-container {
|
|
padding-inline: 32px !important;
|
|
padding-top: 32px !important;
|
|
|
|
& #settings-section_help-apps,
|
|
li:has(a[href="#settings-section_help-apps"]) {
|
|
display: none;
|
|
}
|
|
|
|
& .dialog__content.app-settings__content {
|
|
padding: unset !important;
|
|
|
|
|
|
& .app-settings-section__name {
|
|
font-family: Raleway;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
& #settings-section_help-shortcuts {
|
|
margin-bottom: 32px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.modal-mask {
|
|
|
|
& section#settings-section_help-apps,
|
|
li:has(.navigation-list__link[href="#settings-section_help-apps"]),
|
|
section#settings-section_undefined,
|
|
section#settings-section_keyboard-shortcuts > h3 {
|
|
display: none;
|
|
}
|
|
|
|
& .dialog__navigation.app-settings__navigation {
|
|
& li a[href="#settings-section_keyboard-shortcuts"] {
|
|
& span {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& li a[href="#settings-section_keyboard-shortcuts"]::before {
|
|
content: "Сочетания клавиш";
|
|
font-size: 16px;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
#app-content-vue {
|
|
background-color: #ffffff !important;
|
|
|
|
}
|
|
}
|