From 6b222dd4f7b9b4cd7d066239df3210c269a562cb Mon Sep 17 00:00:00 2001 From: Simon Vieille Date: Sun, 8 Jan 2023 18:09:03 +0100 Subject: [PATCH] style(css): replace 4 spaces by 2 spaces --- src/core/Resources/assets/css/admin.scss | 798 +++++++++++------------ 1 file changed, 399 insertions(+), 399 deletions(-) diff --git a/src/core/Resources/assets/css/admin.scss b/src/core/Resources/assets/css/admin.scss index 15fa121..1283fd5 100644 --- a/src/core/Resources/assets/css/admin.scss +++ b/src/core/Resources/assets/css/admin.scss @@ -18,652 +18,652 @@ $pagination-active-bg: #343a40 !default; @import '~grapesjs-component-code-editor/dist/grapesjs-component-code-editor.min.css'; @for $i from 1 through 100 { - .miw-#{$i*5} { - min-width: $i * 5px; - } + .miw-#{$i*5} { + min-width: $i * 5px; + } } .fi-en { - background-image: url(~flag-icons/flags/4x3/gb.svg); + background-image: url(~flag-icons/flags/4x3/gb.svg); } body { - overflow-x: hidden; + overflow-x: hidden; } .body.has-form { - min-height: 100vh; - background: lighten(map-get($theme-colors, 'dark-blue'), 75%); + min-height: 100vh; + background: lighten(map-get($theme-colors, 'dark-blue'), 75%); } #logo { - width: 30px; + width: 30px; } .choices__list--dropdown { - display: none; - z-index: 3; + display: none; + z-index: 3; } .choices__list--dropdown.is-active { - display: block; + display: block; } .dropdown-toggle-hide-after { - &::after { - display: none; - } + &::after { + display: none; + } } .login { - &-container { - margin-top: 5%; - margin-bottom: 5%; - } + &-container { + margin-top: 5%; + margin-bottom: 5%; + } - &-form { - padding: 5%; - } + &-form { + padding: 5%; + } - &-image { - width: 100%; - max-width: 80%; - } + &-image { + width: 100%; + max-width: 80%; + } } .sidebar { - position: fixed; - top: 0; - bottom: 0; - left: 0; - z-index: 100; - padding: 71px 0 0; - box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 100; + padding: 71px 0 0; + box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1); } .sidebar-sticky { - position: relative; - top: 0; - height: calc(100vh - 71px); - padding-top: .5rem; - overflow-x: hidden; - overflow-y: hidden; + position: relative; + top: 0; + height: calc(100vh - 71px); + padding-top: .5rem; + overflow-x: hidden; + overflow-y: hidden; - &:hover { - overflow-y: auto; - } + &:hover { + overflow-y: auto; + } } @supports ((position: -webkit-sticky) or (position: sticky)) { - .sidebar-sticky { - position: -webkit-sticky; - position: sticky; - } + .sidebar-sticky { + position: -webkit-sticky; + position: sticky; + } } .actions-container { - padding-right: 25px; + padding-right: 25px; } .table .thead-light { - a, th { - color: map-get($theme-colors, 'dark-blue'); - } + a, th { + color: map-get($theme-colors, 'dark-blue'); + } } tr.table-primary-light { - background-color: #ecf5fa; + background-color: #ecf5fa; } .td-nowrap { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .wrap { - word-wrap: anywhere; + word-wrap: anywhere; } .analytic .analytic-referer::before { - content: '▸'; - padding-right: 10px; + content: '▸'; + padding-right: 10px; } .analytic[open] .analytic-referer::before { - content: '▾'; + content: '▾'; } .analytic-referer { - max-width: calc(100% - 60px); + max-width: calc(100% - 60px); } .table tr { - td { - transition: border 500ms ease-out; - border-bottom: 1px solid #dee2e6; - } + td { + transition: border 500ms ease-out; + border-bottom: 1px solid #dee2e6; + } - &:hover { - td { - border-bottom: 1px solid #a8aaac; - } + &:hover { + td { + border-bottom: 1px solid #a8aaac; } + } } .bg-dark-blue { - background: map-get($theme-colors, 'dark-blue'); - color: #fff; + background: map-get($theme-colors, 'dark-blue'); + color: #fff; - .nav-item-label { - color: #fff; - } + .nav-item-label { + color: #fff; + } } .nav-pills { - .nav-item { - margin-right: 3px; - } + .nav-item { + margin-right: 3px; + } - .nav-link:not(.active) { - color: #333; - background: #eee; - } + .nav-link:not(.active) { + color: #333; + background: #eee; + } } .sidebar { - width: 260px; - display: inline-block; + width: 260px; + display: inline-block; - .sidebar-toggler { - display: none; - text-align: right; - padding-right: 5px; + .sidebar-toggler { + display: none; + text-align: right; + padding-right: 5px; - .fa { - color: #fff; - } + .fa { + color: #fff; + } + } + + .nav-link { + font-weight: 500; + color: #333; + border-left: 4px solid map-get($theme-colors, 'dark-blue'); + padding-top: 14px; + padding-bottom: 14px; + + .fa { + font-size: 1.2rem; + margin-right: 5px; + color: #fff; + width: 35px; + display: inline-block; } - .nav-link { - font-weight: 500; - color: #333; - border-left: 4px solid map-get($theme-colors, 'dark-blue'); - padding-top: 14px; - padding-bottom: 14px; - - .fa { - font-size: 1.2rem; - margin-right: 5px; - color: #fff; - width: 35px; - display: inline-block; - } - - .nav-item-label { - display: inline-block; - } - - &.active { - font-weight: bold; - border-left: 4px solid map-get($theme-colors, 'primary'); - background: map-get($theme-colors, 'dark-blue'); - } + .nav-item-label { + display: inline-block; } - &-heading { - font-size: .75rem; - text-transform: uppercase; - display: flex; + &.active { + font-weight: bold; + border-left: 4px solid map-get($theme-colors, 'primary'); + background: map-get($theme-colors, 'dark-blue'); } + } + + &-heading { + font-size: .75rem; + text-transform: uppercase; + display: flex; + } } *[data-selectable-selector] { - -moz-user-select: none; - -webkit-user-select: none; - user-select: none; + -moz-user-select: none; + -webkit-user-select: none; + user-select: none; } *[data-selectable-selector] { - &:hover { - cursor: pointer; - } + &:hover { + cursor: pointer; + } } *[data-sortable-item] { - &:hover { - cursor: pointer; - } + &:hover { + cursor: pointer; + } - &.sortable-chosen { - background: map-get($theme-colors, 'primary-light'); - } + &.sortable-chosen { + background: map-get($theme-colors, 'primary-light'); + } } .footer { - position: absolute; - bottom: 0; - left: 0; - width: 100%; - z-index: 1000; - height: 35px; - background: #f8f9fa; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + z-index: 1000; + height: 35px; + background: #f8f9fa; } .body { - padding-top: 60px; - width: calc(100% - 260px); - margin-left: 260px; - display: inline-block; + padding-top: 60px; + width: calc(100% - 260px); + margin-left: 260px; + display: inline-block; - .nav { - padding-left: 10px; - } + .nav { + padding-left: 10px; + } } @media screen and (max-width: 1080px) { - .sidebar-sticky { - overflow-y: auto !important; - } + .sidebar-sticky { + overflow-y: auto !important; + } } @media screen and (max-width: 770px) { - .body { - margin-left: 50px; - width: calc(100vw - 50px); + .body { + margin-left: 50px; + width: calc(100vw - 50px); + } + + .sidebar { + .sidebar-toggler { + display: block; + } + } + + .sidebar:not(.is-open) { + width: 50px; + max-width: 100% !important; + + .sidebar-sticky { + width: 50px; + max-width: 100% !important; } - .sidebar { - .sidebar-toggler { - display: block; - } + .nav { + padding-left: 0; } - .sidebar:not(.is-open) { - width: 50px; - max-width: 100% !important; + .nav-link { + padding-left: 10px; - .sidebar-sticky { - width: 50px; - max-width: 100% !important; - } - - .nav { - padding-left: 0; - } - - .nav-link { - padding-left: 10px; - - .nav-item-label { - display: none; - } - } - - .sidebar-heading { - display: none; - } + .nav-item-label { + display: none; + } } + + .sidebar-heading { + display: none; + } + } } th { - &.sorted { - &::before { - content: '\f0dc'; - font-family: 'FontAwesome'; - color: #aaa; - margin-right: 3px; - } + &.sorted { + &::before { + content: '\f0dc'; + font-family: 'FontAwesome'; + color: #aaa; + margin-right: 3px; } + } } .table-responsive { - max-width: 100%; - overflow-y: hidden; + max-width: 100%; + overflow-y: hidden; } .toast-container { - display: flex; - position: relative; - z-index: 4000; + display: flex; + position: relative; + z-index: 4000; - .toast-wrapper { - position: fixed; - top: 20px; - right: 20px; - z-index: 1060; - width: 300px; - } + .toast-wrapper { + position: fixed; + top: 20px; + right: 20px; + z-index: 1060; + width: 300px; + } } .bg-tiles { - background-color: #c1c1c1; - background-image: linear-gradient(45deg, #646464 25%, transparent 25%, transparent 75%, #646464 75%), linear-gradient(45deg, #646464 25%, transparent 25%, transparent 75%, #646464 75%); - background-size: 20px 20px; - background-position: 0 0, 10px 10px; + background-color: #c1c1c1; + background-image: linear-gradient(45deg, #646464 25%, transparent 25%, transparent 75%, #646464 75%), linear-gradient(45deg, #646464 25%, transparent 25%, transparent 75%, #646464 75%); + background-size: 20px 20px; + background-position: 0 0, 10px 10px; } .tab-form { - padding: 15px; + padding: 15px; } .icon-margin { - margin-right: 4px; + margin-right: 4px; } .file-icon { - font-size: 2em; + font-size: 2em; } .d-ib { - display: inline-block; + display: inline-block; } .list-checkbox { - vertical-align: middle; - margin-right: 10px; - margin-top: -2px; + vertical-align: middle; + margin-right: 10px; + margin-top: -2px; } .password-strenth { - padding: 0 0 5px 0; - margin-top: -4px; + padding: 0 0 5px 0; + margin-top: -4px; - .col-sm { - height: 8px; - border: 2px solid #fff; - } + .col-sm { + height: 8px; + border: 2px solid #fff; + } - &-info { - font-size: 13px; - height: 22px; - } + &-info { + font-size: 13px; + height: 22px; + } } .notification-bell:not([disabled]) { - [data-counter]:after { - display: block; - color: #fff; - background: red; - width: 9px; - height: 9px; - position: absolute; - content: ' '; - top: 4px; - right: 10px; - border-radius: 4px; - } + [data-counter]:after { + display: block; + color: #fff; + background: red; + width: 9px; + height: 9px; + position: absolute; + content: ' '; + top: 4px; + right: 10px; + border-radius: 4px; + } } .form-error-icon { - margin-right: 4px; + margin-right: 4px; } #form-main { - > .tab-content { - @media screen and (min-width: 500px) { - padding: 30px; - } - - background: lighten(map-get($theme-colors, 'dark-blue'), 75%); - - .tab-form { - @media screen and (min-width: 500px) { - padding: 30px; - } - - background: #fff; - border: 1px solid #ccc; - } + > .tab-content { + @media screen and (min-width: 500px) { + padding: 30px; } + + background: lighten(map-get($theme-colors, 'dark-blue'), 75%); + + .tab-form { + @media screen and (min-width: 500px) { + padding: 30px; + } + + background: #fff; + border: 1px solid #ccc; + } + } } legend.col-form-label, label { - font-weight: bold; + font-weight: bold; } *[data-collection] label, .form-check-label { - font-weight: normal; + font-weight: normal; } .custom-file-label::after { - content: "Parcourir"; + content: "Parcourir"; } #lease_template_html { - height: calc(100vh - 270px); + height: calc(100vh - 270px); } .panel { - &-toggler { - &:hover { - cursor: pointer; - } + &-toggler { + &:hover { + cursor: pointer; } + } - &-content { - display: block; + &-content { + display: block; - &:not(.active) { - display: none; - } + &:not(.active) { + display: none; } + } } *[data-collection-delete-container] { - cursor: pointer; + cursor: pointer; } *[data-collection-add] { - cursor: pointer; + cursor: pointer; } .login-image { - width: 50%; + width: 50%; } .tree { - position: relative; - background: white; - color: #212529; + position: relative; + background: white; + color: #212529; - span { - font-style: italic; - letter-spacing: .4px; - color: #a8a8a8; + span { + font-style: italic; + letter-spacing: .4px; + color: #a8a8a8; + } + + .fa-folder-open, .fa-folder { + color: #007bff; + } + + .fa-html5 { + color: #f21f10; + } + + ul { + padding-left: 5px; + list-style: none; + margin: 0; + padding-bottom: 0; + + li { + position: relative; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 15px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + + &:before { + position: absolute; + top: 15px; + left: 0; + width: 10px; + height: 1px; + margin: auto; + content: ''; + background-color: #666; + } + + &:after { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 1px; + height: 100%; + content: ''; + background-color: #666; + } + + &:last-child:after { + height: 15px; + } } - .fa-folder-open, .fa-folder { - color: #007bff; - } - - .fa-html5 { - color: #f21f10; - } - - ul { - padding-left: 5px; - list-style: none; - margin: 0; - padding-bottom: 0; - - li { - position: relative; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - - &:before { - position: absolute; - top: 15px; - left: 0; - width: 10px; - height: 1px; - margin: auto; - content: ''; - background-color: #666; - } - - &:after { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 1px; - height: 100%; - content: ''; - background-color: #666; - } - - &:last-child:after { - height: 15px; - } - } - - a { - cursor: pointer; - - &:hover { - text-decoration: none; - } - } + a { + cursor: pointer; + + &:hover { + text-decoration: none; + } } + } } fieldset.form-group { - margin-bottom: 0; + margin-bottom: 0; } .crud-header { - padding: 20px; + padding: 20px; - .btn-group:empty { - display: none; + .btn-group:empty { + display: none; + } + + @media screen and (max-width: 769px) { + padding: 10px; + + .btn { + @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm); } + } + + &-title { + font-size: 2em; @media screen and (max-width: 769px) { - padding: 10px; - - .btn { - @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm); - } + font-size: 1.5em; + text-align: center; + margin-bottom: 30px; } + } + &-filter { + padding-right: 20px; + padding-bottom: 20px; + + @media screen and (max-width: 769px) { + padding-right: 10px; + padding-bottom: 10px; + } + } + + &-actions { + text-align: right; + } + + @media screen and (min-width: 770px) { &-title { - font-size: 2em; - - @media screen and (max-width: 769px) { - font-size: 1.5em; - text-align: center; - margin-bottom: 30px; - } - } - - &-filter { - padding-right: 20px; - padding-bottom: 20px; - - @media screen and (max-width: 769px) { - padding-right: 10px; - padding-bottom: 10px; - } + float: left; + font-size: 2em; } &-actions { - text-align: right; + float: right; } - @media screen and (min-width: 770px) { - &-title { - float: left; - font-size: 2em; - } + } - &-actions { - float: right; - } - - } - - &::after { - display: block; - content: ""; - clear: both; - } + &::after { + display: block; + content: ""; + clear: both; + } } .table .crud-batch-column { - width: 1%; + width: 1%; } form { - .loader { - display: none; - } + .loader { + display: none; + } - &.is-loading .loader { - display: inline-block; - } + &.is-loading .loader { + display: inline-block; + } } .modal { - z-index: 3000; + z-index: 3000; } .modal-dialog-large { - max-width: 80%; - margin-left: auto; - margin-right: auto; + max-width: 80%; + margin-left: auto; + margin-right: auto; } .modal.show.blur { - filter: blur(4px); + filter: blur(4px); } .output { - &-console { - background: #073642; - line-height: normal; - } + &-console { + background: #073642; + line-height: normal; + } } #murph-version { - display: inline; - font-size: 14px; + display: inline; + font-size: 14px; - a { - color: #333; - } + a { + color: #333; + } } .editorjs { - @extend .form-control; + @extend .form-control; - height: auto; - padding-left: 50px; - padding-right: 50px; + height: auto; + padding-left: 50px; + padding-right: 50px; - &-block-image { - img { - max-width: 100%; - margin-bottom: 10px; - } + &-block-image { + img { + max-width: 100%; + margin-bottom: 10px; } + } } .gjs-editor-cont { - border-radius: 10px; - overflow: hidden !important; + border-radius: 10px; + overflow: hidden !important; } .gjs-one-bg { - background: map-get($theme-colors, 'dark-blue'); + background: map-get($theme-colors, 'dark-blue'); } .tox.tox-silver-sink.tox-tinymce-aux { - z-index: 3000 !important; + z-index: 3000 !important; }