1041 lines
41 KiB
CSS
1041 lines
41 KiB
CSS
@media screen and (min-width: 1000px) {
|
|
.app-notes {
|
|
|
|
font-family: Raleway;
|
|
font-weight: 500;
|
|
font-size: 14px;
|
|
letter-spacing: 0;
|
|
|
|
--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;
|
|
|
|
& .button-vue--vue-tertiary:hover:not(:disabled) {
|
|
background-color: unset !important;
|
|
}
|
|
|
|
& .input-field__input {
|
|
border-width: 1px !important;
|
|
border-radius: 27px !important;
|
|
border-color: #D9D9D9 !important;
|
|
}
|
|
|
|
& .input-field__input:active:not([disabled]), .input-field__input:hover:not([disabled]), .input-field__input:focus:not([disabled]) {
|
|
border-color: #D9D9D9 !important;
|
|
}
|
|
|
|
|
|
& .app-navigation {
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: relative;
|
|
|
|
& .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 {
|
|
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;*/
|
|
border-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;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-content {
|
|
& .welcome-content > div:nth-child(n + 4) {
|
|
display: none;
|
|
}
|
|
|
|
& .app-content-wrapper {
|
|
|
|
& .editor {
|
|
|
|
& .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 {
|
|
margin: 16px;
|
|
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;
|
|
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;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .editor.editor-media-handler.text-editor__main:before {
|
|
/*content: 'Поле для заметок';*/
|
|
/*display: block;*/
|
|
/*width: 100%;*/
|
|
/*height: 40px;*/
|
|
/*margin-bottom: 8px;*/
|
|
/*background-color: white;*/
|
|
/*border-radius: 8px;*/
|
|
/*padding-inline: 12px;*/
|
|
/*padding-block: 10px;*/
|
|
/*box-sizing: border-box;*/
|
|
}
|
|
|
|
|
|
& .splitpanes {
|
|
& .splitpanes__pane.splitpanes__pane-list {
|
|
min-height: calc(100vh - 140px) !important;
|
|
width: 257px !important;
|
|
max-width: 257px !important;
|
|
min-width: 257px !important;
|
|
|
|
& .list-item-content__actions {
|
|
max-height: 28px;
|
|
}
|
|
|
|
& .content-list__search {
|
|
padding-inline-start: 37px;
|
|
|
|
|
|
& .input-field {
|
|
margin-block-start: 5px;
|
|
|
|
& .input-field__input {
|
|
width: 200px;
|
|
}
|
|
& .input-field__trailing-button {
|
|
inset-inline-end: 13px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-content-list.content-list > ul {
|
|
padding-top: 8px;
|
|
padding-left: 3px;
|
|
|
|
& .list-item__wrapper {
|
|
padding: 10px 4px;
|
|
|
|
& .material-design-icon.star-outline-icon {
|
|
& svg {
|
|
display: none;
|
|
}
|
|
|
|
content: '';
|
|
width: 28px;
|
|
height: 27px;
|
|
background-size: contain;
|
|
background-image: url(/themes/forbion/images/star-green.svg) !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
& .splitpanes__pane.splitpanes__pane-details {
|
|
background-color: transparent;
|
|
min-height: calc(100vh - 140px) !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
& .action-buttons {
|
|
top: 110px !important;
|
|
inset-inline-end: 33px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
& .app-sidebar {
|
|
height: calc(100vh - 140px) !important;
|
|
|
|
& .app-sidebar-tabs__tab-icon.icon-talk {
|
|
background-image: url(/themes/forbion/images/chat.svg) !important;
|
|
content: '';
|
|
width: 20px;
|
|
height: 19px;
|
|
background-size: cover;
|
|
}
|
|
& .avatar-class-icon.avatar-link-share.icon-public-white, .avatar-external.icon-external-white {
|
|
background-image: url(/themes/forbion/images/chain.svg) !important;
|
|
content: '';
|
|
background-color: #D9D9D9;
|
|
}
|
|
& .avatar-shared.icon-more-white {
|
|
background-image: url(/themes/forbion/images/users-gray.svg) !important;
|
|
content: '';
|
|
background-color: #D9D9D9;
|
|
}
|
|
|
|
& .app-sidebar-tabs .app-sidebar-tabs__nav {
|
|
justify-content: space-between !important;
|
|
padding: 0 20px !important;
|
|
margin: unset;
|
|
border-bottom: 2px solid #E6E6E6 !important;
|
|
|
|
& button.active {
|
|
border-bottom: 2px solid var(--color-primary-element) !important;
|
|
top: 2px;
|
|
}
|
|
& button {
|
|
border-bottom: 2px solid #E6E6E6 !important;
|
|
top: 2px;
|
|
}
|
|
|
|
& span {
|
|
font-family: Raleway;
|
|
font-weight: 500 !important;
|
|
font-size: 16px !important;
|
|
line-height: 20px !important;
|
|
letter-spacing: 0 !important;
|
|
border-bottom: unset !important;
|
|
}
|
|
}
|
|
|
|
/*asd*/
|
|
|
|
& .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-participants {
|
|
max-width: 110px;
|
|
min-height: 76px;
|
|
top: 2px;
|
|
border-bottom: 2px solid #E6E6E6 !important;
|
|
}
|
|
& .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-participants.active{
|
|
border-bottom: 2px solid var(--color-primary-element) !important;
|
|
}
|
|
& .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-shared-items {
|
|
max-width: 156px;
|
|
min-height: 76px;
|
|
top: 2px;
|
|
border-bottom: 2px solid #E6E6E6 !important;
|
|
}
|
|
& .app-sidebar-tabs .app-sidebar-tabs__nav #tab-button-shared-items.active {
|
|
border-bottom: 2px solid var(--color-primary-element) !important;
|
|
}
|
|
& .app-sidebar-tabs .app-sidebar-tabs__nav .checkbox-radio-switch--button-variant.checkbox-radio-switch--checked .checkbox-radio-switch__content {
|
|
--default-grid-baseline: 2px !important;
|
|
padding: unset;
|
|
border-bottom: unset!important;
|
|
}
|
|
|
|
& .app-sidebar__tab {
|
|
padding: 20px 18px 10px 18px !important;
|
|
}
|
|
& .app-sidebar__tab {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
& .app-sidebar-tabs__content {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
& .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper{
|
|
min-height: 44px;
|
|
height: unset;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
& .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__input {
|
|
min-height: 44px;
|
|
height: 44px;
|
|
border-radius: 4px;
|
|
padding: 11px 12px;
|
|
border: 1px solid #E6E6E6;
|
|
min-width: 100%;
|
|
padding-block: unset !important;
|
|
}
|
|
& .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__input:hover {
|
|
min-height: 44px;
|
|
height: 44px;
|
|
border-radius: 4px;
|
|
padding: 11px 12px;
|
|
border: 1px solid #E6E6E6 !important;
|
|
min-width: 100%;
|
|
padding-block: unset !important;
|
|
}
|
|
& .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__input:active {
|
|
min-height: 44px;
|
|
height: 44px;
|
|
border-radius: 4px;
|
|
padding: 11px 12px;
|
|
border: 1px solid #E6E6E6 !important;
|
|
min-width: 100%;
|
|
padding-block: unset !important;
|
|
}
|
|
& .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__icon {
|
|
left: unset !important;
|
|
right: 28px !important;
|
|
position: relative !important;
|
|
}
|
|
|
|
& .app-sidebar-tabs .app-sidebar-tabs__content .input-field__main-wrapper .input-field__trailling-button {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
/*asd*/
|
|
}
|
|
|
|
/* Стили иконок */
|
|
& .material-design-icon.menu-open-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.menu-open-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/exit.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .material-design-icon.file-document-outline-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.file-document-outline-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/user.svg');
|
|
width: 26px;
|
|
height: 27px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .material-design-icon.cog-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.cog-icon:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/gear.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .app-navigation-entry-icon.icon-emptyfolder > span > svg {
|
|
display: none;
|
|
}
|
|
& .app-navigation-entry-icon.icon-emptyfolder > span:after {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/folder.svg');
|
|
width: 18px;
|
|
height: 16px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .app-navigation-entry-icon .material-design-icon.history-icon > svg {
|
|
display: none;
|
|
}
|
|
& .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/circle-green.svg');
|
|
width: 18px;
|
|
height: 18px;
|
|
background-size: cover;
|
|
}
|
|
|
|
& .app-navigation-entry-icon.icon-files .material-design-icon.folder-icon > svg {
|
|
display: none;
|
|
}
|
|
& .app-navigation-entry-icon.icon-files .material-design-icon.folder-icon {
|
|
content: '';
|
|
background-image: url('/themes/forbion/images/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/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/archive-black.svg');
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
& .material-design-icon.archive-icon > svg {
|
|
display: none;
|
|
}
|
|
|
|
& .material-design-icon.eye-icon {
|
|
background-image: url('/themes/forbion/images/eye.svg');
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
& .material-design-icon.eye-icon > svg {
|
|
display: none;
|
|
}
|
|
|
|
& .new-message-form__emoji-picker {
|
|
position: unset !important;
|
|
}
|
|
|
|
& .material-design-icon.emoticon-outline-icon {
|
|
background-image: url('/themes/forbion/images/smile-black.svg');
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
width: 18px;
|
|
height: 18px;
|
|
}
|
|
& .material-design-icon.emoticon-outline-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.share-variant-icon > svg {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/* Стили для .modal-mask.app-settings */
|
|
.app-notes ~ .modal-mask.app-settings,
|
|
.app-notes + .modal-mask.app-settings {
|
|
& .modal-container {
|
|
padding-inline: 32px !important;
|
|
padding-top: 32px !important;
|
|
|
|
& .dialog__navigation.app-settings__navigation {
|
|
display: none;
|
|
}
|
|
& .dialog__content.app-settings__content {
|
|
padding: unset !important;
|
|
|
|
& #noteMode {
|
|
background-color: white;
|
|
border: 1px solid #E6E6E6;
|
|
}
|
|
|
|
& .app-settings-section__name {
|
|
font-family: Raleway;
|
|
font-weight: 600;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
& #settings-section_help-basics, #settings-section_notes-path-section, #settings-section_file-suffix-section, #settings-section_help-apps {
|
|
display: none;
|
|
}
|
|
& #settings-section_help-shortcuts {
|
|
margin-bottom: 32px !important;
|
|
|
|
& .notes-help {
|
|
border: 1px solid #E6E6E6;
|
|
border-radius: 8px;
|
|
padding: 10px;
|
|
width: 100%;
|
|
font-family: Raleway;
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
|
|
&>tr {
|
|
display: block;
|
|
padding-bottom: 20px;
|
|
&>th {
|
|
padding-left: 10px;
|
|
min-width: 155px;
|
|
}
|
|
&>td {
|
|
min-width: 135px;
|
|
padding-left: 30px;
|
|
}
|
|
}
|
|
}
|
|
|
|
& .feature.icon-toggle-filelist {
|
|
font-family: Raleway;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/* Стили для .v-popper__popper */
|
|
.app-notes ~ .v-popper__popper,
|
|
.app-notes + .v-popper__popper {
|
|
& .v-popper__wrapper {
|
|
|
|
& .v-popper__inner {
|
|
|
|
--color-primary-element: #70B62B !important;
|
|
--color-primary-element-hover: #70B62B !important;
|
|
--color-primary-element-text: #f3f3f3 !important;
|
|
--color-primary-element-light: #F5F5F5 !important;
|
|
|
|
& .action-input--visible-label {
|
|
padding-inline: 20px;
|
|
padding-top: 10px;
|
|
padding-bottom: 22px;
|
|
min-width: 321px;
|
|
width: 321px;
|
|
|
|
& .action-input__text-label {
|
|
padding: 0 0 17px;
|
|
font-family: Raleway;
|
|
font-weight: 500;
|
|
font-size: 16px;
|
|
line-height: 20px;
|
|
letter-spacing: 0;
|
|
|
|
}
|
|
|
|
& .input-field__input {
|
|
height: 44px !important;
|
|
--default-clickable-area: 44px !important;
|
|
border: 1px solid #E6E6E6 !important;
|
|
|
|
padding-right: 30px;
|
|
background-image: url('/themes/forbion/images/pencil-icon-black.svg');
|
|
background-repeat: no-repeat;
|
|
background-position: right 10px center;
|
|
background-size: 16px 16px;
|
|
}
|
|
|
|
& .input-field__input:hover {
|
|
border: 1px solid #E6E6E6 !important;
|
|
}
|
|
|
|
& .action-input__icon-wrapper {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
& .action.action-separator.action--disabled {
|
|
display: none;
|
|
}
|
|
|
|
/*Общие стили для иконок выпадающих списков*/
|
|
& .material-design-icon {
|
|
content: '';
|
|
width: 34px;
|
|
height: 34px;
|
|
background-size: auto;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
& .action-button__icon.icon-star-dark.loading:after, .action-button__icon.icon-starred.loading:after {
|
|
content: none;
|
|
}
|
|
|
|
|
|
/*Стили для каждой иконки*/
|
|
& .action-button__icon.icon-starred {
|
|
background-image: url('/themes/forbion/images/star-green.svg');
|
|
}
|
|
& .action-button__icon.icon-starred > svg {
|
|
display: none;
|
|
}
|
|
& .action-button__icon.icon-star-dark {
|
|
background-image: url('/themes/forbion/images/star-icon-black.svg');
|
|
}
|
|
& .action-button__icon.icon-star-dark > svg {
|
|
display: none;
|
|
}
|
|
& .action-button__icon.icon-tag {
|
|
background-image: url('/themes/forbion/images/tags-black.svg');
|
|
}
|
|
& .action-button__icon.icon-tag > svg {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
& .material-design-icon.table-row-plus-before-icon {
|
|
background-image: url('/themes/forbion/images/arrow-up-black.svg');
|
|
}
|
|
& .material-design-icon.table-row-plus-before-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.table-row-plus-after-icon {
|
|
background-image: url('/themes/forbion/images/arrow-down-black.svg');
|
|
}
|
|
& .material-design-icon.table-row-plus-after-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.folder-icon {
|
|
background-image: url('/themes/forbion/images/change.svg');
|
|
}
|
|
& .material-design-icon.folder-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.share-variant-icon {
|
|
background-image: url('/themes/forbion/images/chain-black.svg');
|
|
}
|
|
& .material-design-icon.share-variant-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.pencil-icon {
|
|
background-image: url('/themes/forbion/images/pencil-icon-black.svg');
|
|
}
|
|
& .material-design-icon.pencil-icon > svg {
|
|
display: none;
|
|
}
|
|
& .action-button__icon.icon-delete, .material-design-icon.delete-icon {
|
|
background-image: url('/themes/forbion/images/trashbin-black.svg');
|
|
}
|
|
|
|
& .material-design-icon.delete-icon > svg {
|
|
display: none;
|
|
}
|
|
|
|
|
|
& .material-design-icon.download-icon {
|
|
background-image: url('/themes/forbion/images/download-icon.svg');
|
|
}
|
|
& .material-design-icon.download-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.backup-restore-icon {
|
|
background-image: url('/themes/forbion/images/recent-black.svg');
|
|
}
|
|
& .material-design-icon.backup-restore-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.eye-outline-icon {
|
|
background-image: url('/themes/forbion/images/eye.svg');
|
|
}
|
|
& .material-design-icon.eye-outline-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.tune-icon {
|
|
background-image: url('/themes/forbion/images/gear-black.svg');
|
|
}
|
|
& .material-design-icon.tune-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.table-column-plus-before-icon, .material-design-icon.table-column-plus-after-icon {
|
|
background-image: url('/themes/forbion/images/plus-black.svg');
|
|
}
|
|
& .material-design-icon.table-column-plus-after-icon > svg {
|
|
display: none;
|
|
}
|
|
& .material-design-icon.table-column-plus-before-icon > svg {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.app-navigation-entry__settings {
|
|
display: none !important;
|
|
} |