Initial Project Commit
This commit is contained in:
commit
a6dea9c888
2148 changed files with 173870 additions and 0 deletions
36
src/main/webapp/content/scss/_bootstrap-variables.scss
Normal file
36
src/main/webapp/content/scss/_bootstrap-variables.scss
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
/*
|
||||
* Bootstrap overrides https://getbootstrap.com/docs/5.1/customize/sass/
|
||||
* All values defined in bootstrap source
|
||||
* https://github.com/twbs/bootstrap/blob/v5.1.3/scss/_variables.scss can be overwritten here
|
||||
* Make sure not to add !default to values here
|
||||
*/
|
||||
|
||||
// Options:
|
||||
// Quickly modify global styling by enabling or disabling optional features.
|
||||
$enable-rounded: true;
|
||||
$enable-shadows: false;
|
||||
$enable-gradients: false;
|
||||
$enable-transitions: true;
|
||||
$enable-hover-media-query: false;
|
||||
$enable-grid-classes: true;
|
||||
$enable-print-styles: true;
|
||||
|
||||
// Components:
|
||||
// Define common padding and border radius sizes and more.
|
||||
|
||||
$border-radius: 0.15rem;
|
||||
$border-radius-lg: 0.125rem;
|
||||
$border-radius-sm: 0.1rem;
|
||||
|
||||
// Body:
|
||||
// Settings for the `<body>` element.
|
||||
|
||||
$body-bg: #ffffff;
|
||||
|
||||
// Typography:
|
||||
// Font, line-height, and color for body text, headings, and more.
|
||||
|
||||
$font-size-base: 1rem;
|
||||
|
||||
$dropdown-link-hover-color: white;
|
||||
$dropdown-link-hover-bg: #343a40;
|
||||
626
src/main/webapp/content/scss/global.scss
Normal file
626
src/main/webapp/content/scss/global.scss
Normal file
|
|
@ -0,0 +1,626 @@
|
|||
@import 'bootstrap-variables';
|
||||
@import 'bootstrap/scss/functions';
|
||||
@import 'bootstrap/scss/variables';
|
||||
|
||||
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
|
||||
|
||||
/* ==============================================================
|
||||
Bootstrap tweaks
|
||||
===============================================================*/
|
||||
body.navbar-present {
|
||||
padding-top: 75px;
|
||||
}
|
||||
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4 {
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-weight: 300;
|
||||
}
|
||||
.display-4{
|
||||
color: #7F937F;
|
||||
font-weight: 700;
|
||||
}
|
||||
.title{
|
||||
font-weight: 700;
|
||||
}
|
||||
#page-heading{
|
||||
color: #7F937F;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Increase contrast of links to get 100% on Lighthouse Accessibility Audit. Override this color if you want to change the link color, or use a Bootswatch theme */
|
||||
a {
|
||||
color: #348141;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #7F937F;
|
||||
}
|
||||
|
||||
.text-primary{
|
||||
color: #348141 !important;
|
||||
}
|
||||
.bg-primary{
|
||||
background-color: #348141 !important;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.btn{
|
||||
border-radius: 20px;
|
||||
font-weight: 500;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.btn-primary{
|
||||
background-color: #348141 !important;
|
||||
border: none;
|
||||
&:hover {
|
||||
background-color: #7F937F;
|
||||
}
|
||||
&:active {
|
||||
background-color: #7F937F !important;
|
||||
}
|
||||
&:disabled{
|
||||
background-color: #7F937F;
|
||||
opacity: .8;
|
||||
}
|
||||
&.show{
|
||||
background-color: #7F937F;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-info{
|
||||
background-color: #444 !important;
|
||||
border: none;
|
||||
color: #FFF !important;
|
||||
&:hover{
|
||||
background-color: #777 !important;
|
||||
}
|
||||
&:active{
|
||||
background-color: #777 !important;
|
||||
}
|
||||
}
|
||||
.btn-danger{
|
||||
background-color: #FF7470;
|
||||
border: none;
|
||||
color: #FFF;
|
||||
&:hover{
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
.jh-export-entity{
|
||||
margin-left: 10px;
|
||||
padding: 12px 25px;
|
||||
}
|
||||
|
||||
.header{
|
||||
min-height: 360px;
|
||||
border-radius: 30px;
|
||||
background: unquote("url('/content/images/home_banner.jpg')") #348141 right bottom no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
.mat-tree-node{
|
||||
min-height: 50px !important;
|
||||
.tree-node-title{
|
||||
font-family: "Poppins", sans-serif;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
organization-tree-actions{
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.org-type-icon{
|
||||
max-height: 21px !important;
|
||||
margin-right: 10px !important;
|
||||
}
|
||||
|
||||
.tree-btn-add{
|
||||
background: transparent !important;
|
||||
color: #348141 !important;
|
||||
border-radius: 15px !important;
|
||||
&:hover{
|
||||
background: #348141 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
.tree-btn-detail{
|
||||
background: transparent !important;
|
||||
color: #444 !important;
|
||||
border-radius: 15px;
|
||||
&:hover{
|
||||
background: #444;
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
.tree-btn-edit{
|
||||
background: transparent !important;
|
||||
color: #348141;
|
||||
&:hover{
|
||||
background: #348141 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
.tree-btn-delete{
|
||||
background: transparent;
|
||||
color: #FF7470;
|
||||
border-radius: 15px !important;
|
||||
&:hover{
|
||||
background: #FF7470;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item{
|
||||
color: #CCC;
|
||||
}
|
||||
.alert{
|
||||
border-radius: 15px;
|
||||
text-align: left;
|
||||
}
|
||||
.alert-danger{
|
||||
background-color: rgba(255,116,112,.5);
|
||||
border: none;
|
||||
}
|
||||
.jh-create-entity, .me-2 {
|
||||
padding: 12px 25px;
|
||||
}
|
||||
|
||||
.text-end{
|
||||
.btn{
|
||||
margin-right: 5px;
|
||||
}
|
||||
.btn-primary{
|
||||
background-color: transparent !important;
|
||||
color: #348141;
|
||||
border-radius: 15px !important;
|
||||
&:hover{
|
||||
background-color: #348141;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
.btn-info{
|
||||
background-color: transparent !important;
|
||||
color: #222 !important;
|
||||
border-radius: 15px !important;
|
||||
&:hover{
|
||||
background-color: #222 !important;
|
||||
color: #FFF !important;
|
||||
}
|
||||
}
|
||||
.btn-danger{
|
||||
background-color: transparent;
|
||||
color: #FF7470;
|
||||
border-radius: 15px !important;
|
||||
&:hover{
|
||||
background-color: #FF7470;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table > :not(caption) > * > * {
|
||||
vertical-align: middle;
|
||||
padding: 12px;
|
||||
.btn {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
#home-header{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* override hover color for dropdown-item forced by bootstrap to all a:not([href]):not([tabindex]) elements in _reboot.scss */
|
||||
a:not([href]):not([tabindex]):hover.dropdown-item {
|
||||
color: $dropdown-link-hover-color;
|
||||
}
|
||||
|
||||
/* override .dropdown-item.active background-color on hover */
|
||||
.dropdown-item.active:hover {
|
||||
background-color: mix($dropdown-link-hover-bg, $dropdown-link-active-bg, 50%);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
/* make sure browsers use the pointer cursor for anchors, even with no href */
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dropdown-item:hover {
|
||||
color: $dropdown-link-hover-color;
|
||||
}
|
||||
|
||||
.input-group{
|
||||
.btn-secondary{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.ngb-dp-month{
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
.drag-handle{
|
||||
&:hover{
|
||||
cursor: grab;
|
||||
}
|
||||
&:active{
|
||||
cursor: grabbing;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Browser Upgrade Prompt
|
||||
========================================================================== */
|
||||
.browserupgrade {
|
||||
margin: 0.2em 0;
|
||||
background: #ccc;
|
||||
color: #000;
|
||||
padding: 0.2em 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Generic styles
|
||||
========================================================================== */
|
||||
|
||||
/* Error highlight on input fields */
|
||||
.ng-valid[required],
|
||||
.ng-valid.required {
|
||||
border-left: 5px solid green;
|
||||
}
|
||||
|
||||
.ng-invalid:not(form) {
|
||||
border-left: 5px solid red;
|
||||
}
|
||||
|
||||
/* other generic styles */
|
||||
|
||||
.jh-card {
|
||||
padding: 1.5%;
|
||||
margin-top: 20px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: white;
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
.pad {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.w-40 {
|
||||
width: 40% !important;
|
||||
}
|
||||
|
||||
.w-60 {
|
||||
width: 60% !important;
|
||||
}
|
||||
|
||||
.break {
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
}
|
||||
app-period-selector{
|
||||
margin-bottom: 30px;
|
||||
display: block;
|
||||
.form-control{
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.form-label{
|
||||
padding-top: calc(0.375rem);
|
||||
margin-bottom: 2px;
|
||||
color: #999 !important;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
}
|
||||
.form-control {
|
||||
appearance: auto;
|
||||
padding: 10px 15px;
|
||||
border-radius: 15px;
|
||||
background-color: #eee;
|
||||
color: #000;
|
||||
font-size: 16px;
|
||||
&:focus{
|
||||
border: 1px solid #999;
|
||||
}
|
||||
}
|
||||
|
||||
.readonly {
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
opacity: 1;
|
||||
border: none;
|
||||
padding: 10px 0px;
|
||||
font-size: 18px;
|
||||
&:focus{
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
padding: 10px 0;
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.125);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.hand,
|
||||
[jhisortby] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
Custom alerts for notification
|
||||
========================================================================== */
|
||||
.alerts {
|
||||
.alert {
|
||||
text-overflow: ellipsis;
|
||||
pre {
|
||||
background: none;
|
||||
border: none;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.popover pre {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
.jhi-toast {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
&.left {
|
||||
left: 5px;
|
||||
}
|
||||
&.right {
|
||||
right: 5px;
|
||||
}
|
||||
&.top {
|
||||
top: 55px;
|
||||
}
|
||||
&.bottom {
|
||||
bottom: 55px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 480px) {
|
||||
.alerts .jhi-toast {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
entity list page css
|
||||
========================================================================== */
|
||||
|
||||
.table-entities thead th .d-flex > * {
|
||||
margin: auto 0;
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
entity detail page css
|
||||
========================================================================== */
|
||||
.row-md.jh-entity-details {
|
||||
display: grid;
|
||||
grid-template-columns: auto 1fr;
|
||||
column-gap: 10px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.row-md.jh-entity-details > {
|
||||
dt {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
clear: left;
|
||||
text-align: right;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
padding: 0.5em 0;
|
||||
}
|
||||
dd {
|
||||
border-bottom: 1px solid #eee;
|
||||
padding: 0.5em 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
ui bootstrap tweaks
|
||||
========================================================================== */
|
||||
.nav,
|
||||
.pagination,
|
||||
.carousel,
|
||||
.panel-title a {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.thread-dump-modal-lock {
|
||||
max-width: 450px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
padding-left: 0px;
|
||||
background: rgba(0, 0, 0, .9);
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
angular-cli removes postcss-rtl processed inline css, processed rules must be added here instead
|
||||
========================================================================== */
|
||||
/* page-ribbon.component.scss */
|
||||
.ribbon {
|
||||
left: -3.5em;
|
||||
-moz-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
-o-transform: rotate(-45deg);
|
||||
-webkit-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
/* navbar.component.scss */
|
||||
.navbar {
|
||||
ul.navbar-nav {
|
||||
.nav-item {
|
||||
margin-left: 0.5em;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
ul.navbar-nav {
|
||||
.nav-item a{
|
||||
color: #FFF;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar {
|
||||
ul.navbar-nav {
|
||||
.nav-item a{
|
||||
fa-icon{
|
||||
color: #7F937F;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.navbar{
|
||||
.form-select-sm{
|
||||
height: 40px;
|
||||
max-width: 150px;
|
||||
padding: 10px;
|
||||
margin-top: 0;
|
||||
border: none;
|
||||
border-radius: 15px;
|
||||
background-color: #7F937F;
|
||||
color: #FFF;
|
||||
}
|
||||
}
|
||||
/* jhipster-needle-scss-add-main JHipster will add new css style */
|
||||
|
||||
.nested-table.table > :not(caption) > * > * {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
dashboard-component-accordion-table{
|
||||
display: block;
|
||||
margin-bottom: 50px;
|
||||
h4{
|
||||
color: rgb(127, 147, 127);
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
// Accordeon
|
||||
.mat-accordion{
|
||||
.mat-expansion-panel{
|
||||
box-shadow: none !important;
|
||||
border-bottom: 2px solid #CCC;
|
||||
border-radius: 0px;
|
||||
.mat-expansion-panel-header{
|
||||
padding: 12px 3px 12px 0;
|
||||
font-family: "Poppins", sans-serif !important;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
&:hover {
|
||||
background-color: #FFF !important;
|
||||
color: #348141;
|
||||
}
|
||||
.mat-content{
|
||||
}
|
||||
.mat-expansion-indicator{
|
||||
&:after {
|
||||
border-width: 0px 4px 4px 0 !important;
|
||||
padding: 5px !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
.mat-expansion-panel-content{
|
||||
font-weight: 400 !important;
|
||||
.mat-expansion-panel-body{
|
||||
.ng-star-inserted{
|
||||
.mat-accordion{
|
||||
.mat-expansion-panel{
|
||||
.mat-expansion-panel-header{
|
||||
padding: 7px 2px;
|
||||
.mat-expansion-indicator{
|
||||
&:after {
|
||||
border-width: 0px 3px 3px 0 !important;
|
||||
padding: 4px !important;
|
||||
}
|
||||
}
|
||||
.mat-content{
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
.label{
|
||||
padding-left: 15px;
|
||||
}
|
||||
.values{
|
||||
}
|
||||
}
|
||||
}
|
||||
.mat-expansion-panel-content{
|
||||
.mat-expansion-panel-body{
|
||||
.ng-star-inserted{
|
||||
.mat-accordion{
|
||||
.mat-expansion-panel{
|
||||
.mat-expansion-panel-header{
|
||||
padding: 5px 2px;
|
||||
.mat-content{
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
.label{
|
||||
padding-left: 30px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.mat-expansion-panel-header.mat-expanded {
|
||||
color: #348141;
|
||||
.mat-expansion-indicator{
|
||||
&:after {
|
||||
color: #348141;
|
||||
}
|
||||
}
|
||||
}
|
||||
.values-main {
|
||||
color: #348141;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.ng-dropdown-panel {
|
||||
background-color: white;
|
||||
min-width: 450px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.ng-option-marked {
|
||||
background-color: blue;
|
||||
}
|
||||
12
src/main/webapp/content/scss/vendor.scss
Normal file
12
src/main/webapp/content/scss/vendor.scss
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
/* after changing this file run 'npm run webapp:build' */
|
||||
|
||||
/***************************
|
||||
put Sass variables here:
|
||||
eg $input-color: red;
|
||||
****************************/
|
||||
// Override Bootstrap variables
|
||||
@import 'bootstrap-variables';
|
||||
// Import Bootstrap source files from node_modules
|
||||
@import 'bootstrap/scss/bootstrap';
|
||||
|
||||
/* jhipster-needle-scss-add-vendor JHipster will add new css style */
|
||||
Loading…
Add table
Add a link
Reference in a new issue