0001-scss-build-an-extra-css-file-for-backoffice-usage-47.patch
| Makefile | ||
|---|---|---|
| 29 | 29 |
%.css: %.scss $(wildcard static/includes/*.scss static/includes/*/*.scss) static/includes/_data_uris.scss static/lille/_data_uris.scss static/lomme/_data_uris.scss static/hellemmes/_data_uris.scss static/toodego/_data_uris.scss $$(wildcard $$(@D)/*.scss) |
| 30 | 30 |
sassc --sourcemap $< $@ |
| 31 | 31 | |
| 32 |
css: $(shell python3 get_themes.py) static/portal-agent/css/agent-portal.css |
|
| 32 |
css: $(shell python3 get_themes.py) static/portal-agent/css/agent-portal.css static/includes/gadjo-extra.css
|
|
| 33 | 33 |
rm -rf static/*/.sass-cache/ |
| 34 | 34 | |
| 35 | 35 |
icons: |
| static/includes/_misc.scss | ||
|---|---|---|
| 731 | 731 |
} |
| 732 | 732 |
} |
| 733 | 733 | |
| 734 |
// evaluation field |
|
| 735 |
.template-evaluation label.star-choice, |
|
| 736 |
div.star-choice {
|
|
| 737 |
span.star {
|
|
| 738 |
&::before {
|
|
| 739 |
position: static; |
|
| 740 |
height: auto; |
|
| 741 |
width: auto; |
|
| 742 |
border: none; |
|
| 743 |
font-family: FontAwesome; |
|
| 744 |
content: "\f006"; // star-o |
|
| 745 |
color: #776; |
|
| 746 |
font-size: 22px; |
|
| 747 |
display: inline-block; |
|
| 748 |
transition: transform ease 0.2s; |
|
| 749 |
} |
|
| 750 |
&.selected::before, &:hover::before {
|
|
| 751 |
content: "\f005"; // star |
|
| 752 |
color: #ffaa00; |
|
| 753 |
} |
|
| 754 |
} |
|
| 755 |
input[type=radio]:hover + span.star::before, |
|
| 756 |
input[type=radio]:focus + span.star::before, |
|
| 757 |
span.star:hover::before {
|
|
| 758 |
transform: scale(1.4); |
|
| 759 |
opacity: 0.8; |
|
| 760 |
} |
|
| 761 |
} |
|
| 762 | ||
| 763 |
.RadiobuttonsWidget.template-evaluation {
|
|
| 764 |
br {
|
|
| 765 |
display: none; |
|
| 766 |
} |
|
| 767 |
input {
|
|
| 768 |
@extend .sr-only; |
|
| 769 |
} |
|
| 770 |
input:focus + span.star {
|
|
| 771 |
@if $widget-focus-outline == none {
|
|
| 772 |
outline: $widget-border; |
|
| 773 |
@if extract-color($widget-border) == transparent {
|
|
| 774 |
outline-color: #444; |
|
| 775 |
} |
|
| 776 |
outline-style: dotted; |
|
| 777 |
} @else {
|
|
| 778 |
outline: $widget-focus-outline; |
|
| 779 |
outline-offset: $widget-focus-outline-offset; |
|
| 780 |
} |
|
| 781 | ||
| 782 |
} |
|
| 783 |
input + span::after {
|
|
| 784 |
// cancel custom radio rendering |
|
| 785 |
display: none; |
|
| 786 |
} |
|
| 787 |
label {
|
|
| 788 |
margin-right: 0; |
|
| 789 |
} |
|
| 790 |
input + span {
|
|
| 791 |
padding-left: 0; |
|
| 792 |
} |
|
| 793 |
.star-label {
|
|
| 794 |
@extend .sr-only; |
|
| 795 |
} |
|
| 796 |
} |
|
| 797 | ||
| 798 | 734 |
#fc-linking {
|
| 799 | 735 |
padding: 0 1rem; |
| 800 | 736 |
&.no-account {
|
| static/includes/_wcs.scss | ||
|---|---|---|
| 1 | 1 |
@import 'grid'; |
| 2 | 2 |
@import 'wcs/bulk'; |
| 3 |
@import 'wcs/evaluation'; |
|
| 3 | 4 |
@import 'wcs/steps'; |
| 4 | 5 |
@import 'wcs/nearby-form'; |
| static/includes/gadjo-extra.scss | ||
|---|---|---|
| 1 |
$widget-focus-outline: none; |
|
| 2 |
$widget-border: 1px solid #AAA; |
|
| 3 | ||
| 4 |
@import 'utils'; |
|
| 5 |
@import 'wcs/evaluation'; |
|
| static/includes/wcs/_evaluation.scss | ||
|---|---|---|
| 1 |
// style for ../../templates/qommon/forms/widgets/*evaluation.html |
|
| 2 |
.template-evaluation label.star-choice, |
|
| 3 |
div.star-choice {
|
|
| 4 |
span.star {
|
|
| 5 |
&::before {
|
|
| 6 |
position: static; |
|
| 7 |
height: auto; |
|
| 8 |
width: auto; |
|
| 9 |
border: none; |
|
| 10 |
font-family: FontAwesome; |
|
| 11 |
content: "\f006"; // star-o |
|
| 12 |
color: #776; |
|
| 13 |
font-size: 22px; |
|
| 14 |
display: inline-block; |
|
| 15 |
transition: transform ease 0.2s; |
|
| 16 |
} |
|
| 17 |
&.selected::before, &:hover::before {
|
|
| 18 |
content: "\f005"; // star |
|
| 19 |
color: #ffaa00; |
|
| 20 |
} |
|
| 21 |
} |
|
| 22 |
input[type=radio]:hover + span.star::before, |
|
| 23 |
input[type=radio]:focus + span.star::before, |
|
| 24 |
span.star:hover::before {
|
|
| 25 |
transform: scale(1.4); |
|
| 26 |
opacity: 0.8; |
|
| 27 |
} |
|
| 28 |
} |
|
| 29 | ||
| 30 |
.RadiobuttonsWidget.template-evaluation {
|
|
| 31 |
br {
|
|
| 32 |
display: none; |
|
| 33 |
} |
|
| 34 |
input {
|
|
| 35 |
@extend .sr-only; |
|
| 36 |
} |
|
| 37 |
input:focus + span.star {
|
|
| 38 |
@if $widget-focus-outline == none {
|
|
| 39 |
outline: $widget-border; |
|
| 40 |
@if extract-color($widget-border) == transparent {
|
|
| 41 |
outline-color: #444; |
|
| 42 |
} |
|
| 43 |
outline-style: dotted; |
|
| 44 |
} @else {
|
|
| 45 |
outline: $widget-focus-outline; |
|
| 46 |
outline-offset: $widget-focus-outline-offset; |
|
| 47 |
} |
|
| 48 | ||
| 49 |
} |
|
| 50 |
input + span::after {
|
|
| 51 |
// cancel custom radio rendering |
|
| 52 |
display: none; |
|
| 53 |
} |
|
| 54 |
label {
|
|
| 55 |
margin-right: 0; |
|
| 56 |
} |
|
| 57 |
input + span {
|
|
| 58 |
padding-left: 0; |
|
| 59 |
} |
|
| 60 |
.star-label {
|
|
| 61 |
@extend .sr-only; |
|
| 62 |
} |
|
| 63 |
} |
|
| templates/gadjo/base.html | ||
|---|---|---|
| 1 | 1 |
{% extends "gadjo/root.html" %}
|
| 2 |
{% load gadjo %}
|
|
| 2 |
{% load gadjo static %}
|
|
| 3 | 3 | |
| 4 | 4 |
{% block site-header %}
|
| 5 | 5 |
<h1 class="breadcrumbs">{% block breadcrumb %}{% endblock %}</h1>
|
| ... | ... | |
| 11 | 11 |
{% endblock %}
|
| 12 | 12 | |
| 13 | 13 |
{% block extrascripts %}
|
| 14 |
<link rel="stylesheet" type="text/css" href="{{site_base}}{% static "" %}includes/gadjo-extra.css">
|
|
| 14 | 15 |
{% if manager_homepage_url %}
|
| 15 | 16 |
<script src="{{manager_homepage_url}}__services.js"></script>
|
| 16 | 17 |
<script src="{{manager_homepage_url}}static/portal-agent/js/publik.js?{% start_timestamp %}"></script>
|
| 17 |
- |
|