diff --git a/foundation/public/build.json b/foundation/public/build.json new file mode 100644 index 00000000..929db60a --- /dev/null +++ b/foundation/public/build.json @@ -0,0 +1,5 @@ +{ + "foundation/css/erpnext-org-theme.css": [ + "public/less/erpnext-org-theme.less" + ] +} diff --git a/foundation/public/css/base.css b/foundation/public/css/base.css index 0202357d..ddce297b 100644 --- a/foundation/public/css/base.css +++ b/foundation/public/css/base.css @@ -10,9 +10,15 @@ .top-zero { margin-top: 0; } +.bottom-zero { + margin-bottom: 0; +} .top-spacer { margin-top: 2.5rem; } +.bottom-spacer { + margin-bottom: 2.5rem; +} .bottom-spacer-4 { margin-bottom: 4rem; } diff --git a/foundation/public/css/erpnext-org-theme.css b/foundation/public/css/erpnext-org-theme.css index fc8af4cd..680a8aed 100644 --- a/foundation/public/css/erpnext-org-theme.css +++ b/foundation/public/css/erpnext-org-theme.css @@ -12,9 +12,15 @@ .top-zero { margin-top: 0; } +.bottom-zero { + margin-bottom: 0; +} .top-spacer { margin-top: 2.5rem; } +.bottom-spacer { + margin-bottom: 2.5rem; +} .bottom-spacer-4 { margin-bottom: 4rem; } @@ -42,6 +48,12 @@ .text-white { color: #fff; } +.text-medium { + font-size: 1.5rem; +} +.text-small { + font-size: 0.5rem; +} .centered { margin: 0 auto; } @@ -57,6 +69,15 @@ .list-circle { list-style: circle; } +.border { + border: 1px solid #d1d8dd; +} +.saturate { + filter: grayscale(100%); +} +.saturate:hover { + filter: grayscale(0%); +} a { color: #7575ff; text-decoration: none; @@ -157,10 +178,6 @@ a:visited { .hero-illustration { width: 100%; max-width: 800px; - margin-bottom: 2.5rem; -} -.about-img { - margin-bottom: 2.5rem; } .list-items { text-align: center; @@ -258,13 +275,12 @@ a:visited { justify-content: flex-start; } .intro-copy { - font-size: 1.5rem; max-width: 599.5px; margin: 0 auto 1.5rem auto; } .primary-links { color: #6c7680; - transition: color 0.3s ease-out; + transition: all 0.3s ease-out; } .primary-links:hover { color: #2E3338; @@ -314,9 +330,6 @@ a:visited { .secondary-link:hover { color: #2E3338; } -.active { - color: #2E3338; -} .bulleted-list { margin: 0; padding-left: 1em; @@ -383,6 +396,7 @@ a:visited { @media screen and (min-width: 767px) { .sidebar-block { border-right: 1px solid #EBEFF2; + border-top: 0; } } .blog-page { @@ -405,19 +419,21 @@ hr { border-top: 1px solid #EBEFF2; } .footer-end { - border-top: 1px solid #EBEFF2; - padding: 2rem 1rem; + border-top: 1px solid #354047; + padding-top: 1rem; + margin-top: 1rem; font-size: 0.75rem; } @media screen and (min-width: 767px) { .footer-end { - padding: 2rem 2.5rem; + padding-top: 1.5rem; + margin-top: 1.5rem; } } -.footer-end a { +.footer a { color: #8D99A6; } -.footer-end a:hover { +.footer a:hover { color: #fff; } .footer-icon { @@ -450,7 +466,7 @@ hr { } /*progress bar*/ .clickable a { - color: #36414c; + color: #36414C; } .clickable a:focus { outline: 0; @@ -461,47 +477,42 @@ hr { caption { padding-top: 8px; padding-bottom: 8px; - color: #8d99a6; + color: #8D99A6; text-align: left; } th { text-align: left; } -.note-popover .popover-content > .btn-group, -.panel-heading.note-toolbar > .btn-group { - margin-top: 5px; - margin-right: 5px; - margin-left: 0; -} .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } +.note-popover .popover-content > .btn-group, +.panel-heading.note-toolbar > .btn-group { + margin-top: 5px; + margin-right: 5px; + margin-left: 0; +} .note-popover .popover-content, .panel-heading.note-toolbar { padding: 0 0 5px 5px; margin: 0; } -.panel-default > .panel-heading { - color: #333; - background-color: #f7fafc; - border-color: #d1d8dd; -} -.panel-heading, -.panel-body { - padding-left: 1rem; -} .panel-heading { padding: 0.5rem 1rem; border-bottom: 1px solid transparent; border-top-left-radius: 0.25em; border-top-right-radius: 0.25em; } -.modal-open .modal { - overflow-x: hidden; - overflow-y: auto; +.panel-default > .panel-heading { + color: #333; + background-color: #f7fafc; + border-color: #d1d8dd; +} +.panel-body { + padding-left: 1rem; } .modal { position: fixed; @@ -514,6 +525,10 @@ th { overflow: hidden; outline: 0; } +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.5; @@ -525,13 +540,13 @@ th { left: 0; background-color: #334143; } -.modal.in .modal-dialog { - transform: translate(0, 0); -} .modal-dialog { width: 600px; margin: 2rem auto; } +.modal.in .modal-dialog { + transform: translate(0, 0); +} .modal-content { position: relative; background-color: #fff; @@ -554,9 +569,6 @@ th { position: relative; padding: 1rem; } -.modal-header .close { - margin-top: -2px; -} .close { float: right; font-size: 1.5rem; @@ -567,6 +579,9 @@ th { filter: alpha(opacity=20); opacity: 0.2; } +.modal-header .close { + margin-top: -2px; +} .close:hover, .close:focus { color: #000; @@ -602,15 +617,6 @@ th { display: block; width: 100%; } -.form-signin .form-control { - position: relative; - height: auto; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 0.5rem; - margin-bottom: 0.5rem; -} .form-control { display: block; width: 100%; @@ -624,6 +630,15 @@ th { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-out 0.15s, box-shadow ease-out 0.15s; } +.form-signin .form-control { + position: relative; + height: auto; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + padding: 0.5rem; + margin-bottom: 0.5rem; +} code { color: #fc4f51; background: #fff5f5; @@ -716,6 +731,7 @@ img.blog-cover-image, margin-top: 4rem; } /*blog*/ +/*TODO Needs refactor in frappe to use utilities.less*/ .blog-list-content { border: 0; background: transparent; @@ -830,22 +846,6 @@ img.blog-cover-image, background-color: #fafbfc; } /* individual elements */ -/*.row.page-head { - display: flex; - align-items: center; - flex-direction: column; - @media screen and (min-width: @screen-xs) { - flex-direction: row; - } -} - -.item-search .input-wrapper { - margin-right: 1.5rem; -} -.item-search i { - margin-right: -1.5rem; - margin-top: .5rem; -}*/ .gold-member { display: flex; padding: 2.5rem 0; @@ -868,18 +868,18 @@ img.blog-cover-image, .box:hover { background-color: #fafbfc; } -.domain-links { +.grid-boxes { font-size: 1.5rem; display: block; padding: 1.5rem; } -.domain-links span { +.grid-boxes span { display: block; } .thumb-small { width: 100px; } -.domain-image { +.grid-images { width: 150px; padding-bottom: 1.5rem; } diff --git a/foundation/public/css/report.min.css b/foundation/public/css/report.min.css new file mode 100644 index 00000000..85394609 --- /dev/null +++ b/foundation/public/css/report.min.css @@ -0,0 +1,2192 @@ +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} +/* variables */ +.data-table { + /* styling */ + width: 100%; + position: relative; + overflow: auto; +} +/* resets */ +.data-table *, +.data-table *::after, +.data-table *::before { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} +.data-table button, +.data-table input { + overflow: visible; + font-family: inherit; + font-size: inherit; + line-height: inherit; + margin: 0; + padding: 0; +} +.data-table *, +.data-table *:focus { + outline: none; + border-radius: 0px; + -webkit-box-shadow: none; + box-shadow: none; +} +.data-table table { + border-collapse: collapse; +} +.data-table table td { + padding: 0; + border: 1px solid #d1d8dd; +} +.data-table thead td { + border-bottom-width: 1px; +} +.data-table .freeze-container { + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + justify-content: center; + -ms-flex-line-pack: center; + align-content: center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background-color: #f5f7fa; + opacity: 0.5; + font-size: 2em; +} +.data-table .freeze-container span { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} +.data-table .trash-container { + position: absolute; + bottom: 0; + left: 30%; + right: 30%; + height: 70px; + background: palevioletred; + opacity: 0.5; +} +.body-scrollable { + max-height: 500px; + overflow: auto; + border-bottom: 1px solid #d1d8dd; +} +.body-scrollable.row-highlight-all .data-table-row:not(.row-unhighlight) { + background-color: #f5f7fa; +} +.data-table-header { + position: absolute; + top: 0; + left: 0; + background-color: white; + font-weight: bold; +} +.data-table-header .content span:not(.column-resizer) { + cursor: pointer; +} +.data-table-header .column-resizer { + display: none; + position: absolute; + right: 0; + top: 0; + width: 4px; + width: 0.25rem; + height: 100%; + background-color: #5292f7; + cursor: col-resize; +} +.data-table-header .data-table-dropdown { + position: absolute; + right: 10px; + display: -webkit-inline-box; + display: -ms-inline-flexbox; + display: inline-flex; + vertical-align: top; + text-align: left; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-list { + display: block; +} +.data-table-header .data-table-dropdown.is-active .data-table-dropdown-toggle { + display: block; +} +.data-table-header .data-table-dropdown-toggle { + display: none; + background-color: transparent; + border: none; +} +.data-table-header .data-table-dropdown-list { + display: none; + font-weight: normal; + position: absolute; + min-width: 128px; + min-width: 8rem; + top: 100%; + right: 0; + z-index: 1; + background-color: white; + border-radius: 3px; + -webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); + padding-bottom: 8px; + padding-bottom: 0.5rem; + padding-top: 8px; + padding-top: 0.5rem; +} +.data-table-header .data-table-dropdown-list > div { + padding: 8px 16px; + padding: 0.5rem 1rem; +} +.data-table-header .data-table-dropdown-list > div:hover { + background-color: #f5f7fa; +} +.data-table-header .data-table-col.remove-column { + background-color: #FD8B8B; + -webkit-transition: 300ms background-color ease-in-out; + transition: 300ms background-color ease-in-out; +} +.data-table-header .data-table-col.sortable-chosen { + background-color: #f5f7fa; +} +.data-table-col { + position: relative; +} +.data-table-col .content { + padding: 8px; + padding: 0.5rem; + border: 2px solid transparent; +} +.data-table-col .content.ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} +.data-table-col .edit-cell { + display: none; + padding: 8px; + padding: 0.5rem; + background: #fff; + z-index: 1; + height: 100%; +} +.data-table-col .edit-cell input { + outline: none; + width: 100%; + border: none; +} +.data-table-col.selected .content { + border: 2px solid #5292f7; +} +.data-table-col.editing .content { + display: none; +} +.data-table-col.editing .edit-cell { + border: 2px solid #5292f7; + display: block; +} +.data-table-col.highlight { + background-color: #f5f7fa; +} +.data-table-col:hover .column-resizer { + display: inline-block; +} +.data-table-col:hover .data-table-dropdown-toggle { + display: block; +} +.data-table-row.row-highlight { + background-color: #f5f7fa; +} +.noselect { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +body.data-table-resize { + cursor: col-resize; +} +.data-table { + margin-left: -1px; + margin-top: -1px; + font-size: 12px; +} +.data-table .data-table-col .edit-cell { + padding: 0; +} +.data-table .data-table-col .edit-cell input { + font-size: inherit; + height: 27px; +} +.data-table .data-table-col .content { + padding: 0.5rem; +} +.data-table .frappe-control { + margin: 0; +} +.data-table .form-group { + margin: 0; +} +.data-table .form-control { + border-radius: 0px; + border: none; +} +.data-table .link-btn { + top: 6px; +} +.data-table select { + height: 27px; +} +.data-table .checkbox { + margin: 7px 0 7px 8px; +} +.data-table [data-fieldtype="Color"] .control-input { + overflow: hidden; +} +.data-table .body-scrollable::-webkit-scrollbar { + display: none; +} +.data-table .data-table-header { + background-color: #F7FAFC; + color: #8D99A6; +} +.data-table .data-table-row.row-update { + animation: 500ms breathe forwards; +} +.data-table .data-table-row.row-highlight { + background-color: #fffdf4; +} +@keyframes breathe { + 0% { + background-color: transparent; + } + 50% { + background-color: #fffdf4; + } + 100% { + background-color: transparent; + } +} diff --git a/foundation/public/img/vm-dev-vagrant.png b/foundation/public/img/vm-dev-vagrant.png new file mode 100644 index 00000000..4d04d298 Binary files /dev/null and b/foundation/public/img/vm-dev-vagrant.png differ diff --git a/foundation/public/img/vm-development.png b/foundation/public/img/vm-development.png new file mode 100644 index 00000000..c80816ea Binary files /dev/null and b/foundation/public/img/vm-development.png differ diff --git a/foundation/public/img/vm-production.png b/foundation/public/img/vm-production.png new file mode 100644 index 00000000..a8c5f2e6 Binary files /dev/null and b/foundation/public/img/vm-production.png differ diff --git a/foundation/public/less/base.less b/foundation/public/less/base.less index 9dc6e8b2..888e1410 100644 --- a/foundation/public/less/base.less +++ b/foundation/public/less/base.less @@ -63,6 +63,14 @@ color: #fff; } +.text-medium { + font-size: 1.5rem; +} + +.text-small { + font-size: 0.5rem; +} + .centered { margin: 0 auto; } @@ -83,3 +91,14 @@ list-style: circle; } +.border { + border: 1px solid @border-color; +} + +.saturate { + filter: grayscale(100%); + + &:hover { + filter: grayscale(0%); + } +} diff --git a/foundation/public/less/erpnext-org-theme.less b/foundation/public/less/erpnext-org-theme.less index 7ea54204..bab714f8 100644 --- a/foundation/public/less/erpnext-org-theme.less +++ b/foundation/public/less/erpnext-org-theme.less @@ -214,14 +214,13 @@ a { } .intro-copy { - font-size: 1.5rem; max-width: @screen-md/2; margin: 0 auto 1.5rem auto; } .primary-links { color: @text-light; - transition: color @transition; + transition: all @transition; &:hover { color: @text-dark; @@ -384,16 +383,18 @@ hr { } .footer-end { - border-top: 1px solid @light-border-color; - padding: 2rem 1rem; + border-top: 1px solid @dark-border-color; + padding-top: 1rem; + margin-top: 1rem; font-size: 0.75rem; @media screen and (min-width: @screen-xs) { - padding: 2rem 2.5rem; + padding-top: 1.5rem; + margin-top: 1.5rem; } } -.footer-end a { +.footer a { color: @text-muted; &:hover { @@ -895,22 +896,6 @@ img.blog-cover-image, /* individual elements */ -.row.page-head { - display: flex; - align-items: center; - flex-direction: column; - flex-wrap: wrap; -} - -.item-search .input-wrapper { - margin-right: 1.5rem; -} - -.item-search i { - margin-right: -1.5rem; - margin-top: 0.5rem; -} - .gold-member { display: flex; padding: 2.5rem 0; @@ -938,7 +923,7 @@ img.blog-cover-image, } } -.domain-links { +.grid-boxes { font-size: 1.5rem; display: block; padding: 1.5rem; @@ -952,7 +937,7 @@ img.blog-cover-image, width: 100px; } -.domain-image { +.grid-images { width: 150px; padding-bottom: 1.5rem; } diff --git a/foundation/public/less/variables.less b/foundation/public/less/variables.less index bedd06ea..8d7f3c32 100644 --- a/foundation/public/less/variables.less +++ b/foundation/public/less/variables.less @@ -7,5 +7,6 @@ @button-secondary-hover: lighten(@light-bg, 15%); @primary-link-color: lighten(@brand-primary, 5%); @border: 1px solid @border-color; -@transition: .3s ease-out; +@transition: 0.3s ease-out; @screen-palm: 500px; +@dark-border-color: darken(@border-color, 60%); diff --git a/foundation/templates/includes/footer/footer.html b/foundation/templates/includes/footer/footer.html index f94f3a5c..751f7078 100644 --- a/foundation/templates/includes/footer/footer.html +++ b/foundation/templates/includes/footer/footer.html @@ -1,9 +1,9 @@ -