Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • web-et-numerique/web-et-numerique-internet/data.grandlyon.com/web-portal/components/custom-apps/admin-gui
1 result
Show changes
Hide whitespace changes
Inline Side-by-side
src/assets/img/data_loader.gif 0 → 100644
View file @ 879e2806
src/assets/img/data_loader.gif

60.6 KiB

src/assets/img/favicon.ico deleted 100644 → 0
View file @ 75eb5130
src/assets/img/favicon.ico

14.7 KiB

src/assets/img/left_arrow.svg 0 → 100644
View file @ 879e2806
<svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 1L1 5L5 9" stroke="#818080" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
src/favicon.ico
View replaced file @ 75eb5130 View file @ 879e2806
src/favicon.ico

5.3 KiB | W: 32px | H: 32px

src/favicon.ico

31.3 KiB | W: 64px | H: 64px

src/favicon.ico
src/favicon.ico
src/favicon.ico
src/favicon.ico
  • 2-up
  • Swipe
  • Onion skin
src/index.html
View file @ 879e2806
......@@ -6,18 +6,56 @@
<title>Plateforme data back office</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns"
crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="192x192" href="./assets/favicons/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicons/favicon-16x16.png">
<link rel="manifest" href="./assets/favicons/site.webmanifest">
<link rel="mask-icon" href="./assets/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="./assets/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="data.grandlyon.com">
<meta name="application-name" content="data.grandlyon.com">
<meta name="msapplication-TileColor" content="#242b3f">
<meta name="msapplication-TileImage" content="./assets/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="./assets/favicons/browserconfig.xml">
<meta name="theme-color" content="#242b3f">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700,800" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css"
integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
<style>
body {
margin: 0;
}
.AppLoader {
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: #242b3f;
}
.AppLoader img {
width: 60%;
}
@media screen and (min-width: 705px) {
.AppLoader img {
width: 25%;
}
}
</style>
</head>
<body class="mat-app-background">
<app-root>
<section class="AppLoader">
<img src="assets/img/logo.svg" alt="Grand Lyon, la métropole">
</mat-progress-spinner>
<img src="assets/img/data_loader.gif" alt="data grand lyon logo">
</section>
</app-root>
</body>
</html>
</html>
\ No newline at end of file
src/scss/init_bulma.scss 0 → 100644
View file @ 879e2806
// 1. Import the initial variables
@import "../../node_modules/bulma/sass/utilities/initial-variables";
@import "../../node_modules/bulma/sass/utilities/functions";
@import "./variables";
// Checkbox Bulma extension
$checkbox-border: 1px solid #818080;
// 3. Set the derived variables
// Use the new pink as the primary color
$primary: $brand-color;
$danger: $tomato-color;
// Tabs
$tabs-border-bottom-width: 0.0625rem;
$tabs-border-bottom-color: lightgrey;
$tabs-link-hover-border-bottom-color: $tomato-color;
$tabs-link-active-border-bottom-color: $tomato-color;
$tabs-link-hover-color: $tomato-color;
$tabs-link-active-color: $tomato-color;
$tabs-toggle-link-border-width: 5px;
// Navbar
$navbar-background-color: transparent;
// Use the new serif family
$family-primary: $family-sans-serif;
$pagination-current-background-color: transparent;
$pagination-current-border-color: $tomato-color;
$pagination-current-color: $tomato-color;
$modal-background-background-color: rgba($black, 0.4);
// Forms
$input-color: $brand-color;
// 6. Import the rest of Bulma
@import "../../node_modules/bulma/sass/utilities/_all";
@import "../../node_modules/bulma/sass/base/_all";
@import "../../node_modules/bulma/sass/elements/_all";
@import "../../node_modules/bulma/sass/components/_all";
@import "../../node_modules/bulma/sass/grid/_all";
@import "../../node_modules/bulma/sass/form/_all";
@import "../../node_modules/bulma/sass/layout/_all";
src/scss/variables.scss 0 → 100644
View file @ 879e2806
// COLORS
$tomato-color: #da322f; // Tomato
$warning-color: #b9541d;
$success-color: #3c8225;
$brand-color: #242b3f;
$grey-dark-color: #464a57;
$grey-background-color: #f2f2f2;
$grey-super-light-color: #b4b4b4;
$menu-selected-color: #c8c8d0;
$link-color: #0057a8;
$yellow-dd-color: #ffd402;
// Font size settings based on 16px (default browser font-size)
$size-1: 3rem;
$size-2: 2.5rem; // 40px
$size-3: 2rem;
$size-4: 1.25rem; //20px
$size-5: 1rem; //16px
$size-6: 0.875rem; //14px
$size-7: 0.8125rem; //13px
$size-8: 0.75rem; //12px
// Add a serif family
$family-sans-serif: 'Titillium Web',
sans-serif;
$title-font: 'Titillium Web',
sans-serif;
$menu-item-color: white;
$menu-item-hover-color: white;
$menu-item-hover-background-color: #222222;
$menu-item-active-background-color: #222222;
$pagination-current-background-color: $tomato-color;
$pagination-current-border-color: $tomato-color;
$pagination-focus-border-color: $tomato-color;
$button-focus-border-color: $tomato-color;
// Header height
$header-bar-height: 60px;
$background-link-hover-color: #191c27;
src/styles.scss
View file @ 879e2806
$menu-item-color: white;
$menu-item-hover-color: white;
$menu-item-hover-background-color: #222222;
$menu-item-active-background-color: #222222;
// $menu-list-border-left: 1px solid $tomato-color;
$tomato-color: #f72f2f;
$dark-blue: #333745;
$brand-color: #333744;
$grey-dark-color: #515151;
$grey-light-color: #818080;
$grey-background-color: #F2F2F2;
$grey-super-light-color: #B4B4B4;
$link-color: #1D92FF;
$pagination-current-background-color: $tomato-color;
$pagination-current-border-color: $tomato-color;
$pagination-focus-border-color: $tomato-color;
$button-focus-border-color: $tomato-color;
@import "../node_modules/bulma/bulma.sass";
@import './scss/init_bulma.scss';
html,
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-family: $family-sans-serif;
margin: 0;
padding: 0;
height: 100vh;
......@@ -42,7 +21,8 @@ select,
input,
ul,
tbody {
color: $dark-blue;
color: $brand-color;
font-family: $family-sans-serif;
}
h1,
......@@ -122,7 +102,7 @@ textarea.ng-invalid:not(form).ng-touched {
&.is-outlined {
border: 1px solid $grey-super-light-color;
color: $grey-light-color;
color: $grey-dark-color;
background: transparent;
&:hover,
......@@ -132,7 +112,7 @@ textarea.ng-invalid:not(form).ng-touched {
}
&:disabled {
color: $grey-light-color;
color: $grey-dark-color;
background-color: transparent;
opacity: 0.38;
border-color: $grey-super-light-color;
......@@ -156,3 +136,71 @@ textarea.ng-invalid:not(form).ng-touched {
}
}
}
.page-container {
min-height: calc(100% - 1rem);
max-width: 100%;
background-color: white;
padding-top: 0;
@media screen and (min-width: $tablet) {
margin: 1rem 1rem 0 1rem;
}
}
// Style for tables
.add-item-link {
margin-bottom: 1.25rem;
}
.table.entity-list-table {
background-color: white;
border: 1px solid $grey-super-light-color;
span {
font-size: 0.875rem;
}
.header {
border-bottom: 1px solid $grey-super-light-color;
background-color: white;
span {
color: $grey-dark-color;
}
}
.columns.even {
background-color: $grey-background-color;
}
.sort-icons {
display: flex;
flex-direction: column;
align-self: center;
margin-right: 0.3rem;
.icon {
height: 0.2rem;
width: unset;
justify-content: center;
}
.icon-red {
color: $tomato-color;
}
}
.is-sortable {
display: flex;
}
.is-sortable .icon,
.is-sortable .column-title {
cursor: pointer;
}
.paginator {
border-top: 1px solid $grey-super-light-color;
}
}