forked from ScoDoc/ScoDoc
remove bootstrap : add styles WIP
This commit is contained in:
parent
74de287ad6
commit
b0ae231725
@ -353,6 +353,9 @@ def create_app(config_class=DevConfig):
|
|||||||
app.jinja_env.autoescape = select_autoescape(default_for_string=True, default=True)
|
app.jinja_env.autoescape = select_autoescape(default_for_string=True, default=True)
|
||||||
app.jinja_env.trim_blocks = True
|
app.jinja_env.trim_blocks = True
|
||||||
app.jinja_env.lstrip_blocks = True
|
app.jinja_env.lstrip_blocks = True
|
||||||
|
app.jinja_env.globals["is_hidden_field"] = lambda field: isinstance(
|
||||||
|
field, HiddenField
|
||||||
|
)
|
||||||
|
|
||||||
# https://scodoc.fr/ScoDoc
|
# https://scodoc.fr/ScoDoc
|
||||||
app.register_blueprint(scodoc_bp)
|
app.register_blueprint(scodoc_bp)
|
||||||
|
@ -480,7 +480,7 @@ div.box-chercheetud {
|
|||||||
}
|
}
|
||||||
|
|
||||||
div.box-chercheetud form input {
|
div.box-chercheetud form input {
|
||||||
width: 120px;
|
max-width: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Page accueil général */
|
/* Page accueil général */
|
||||||
|
@ -323,4 +323,179 @@ body {
|
|||||||
|
|
||||||
#tableau-modules-details:not([open]) #tableau_modules {
|
#tableau-modules-details:not([open]) #tableau_modules {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* #region bootstrap <== Remplacement styles bootstrap ==> */
|
||||||
|
|
||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
text-wrap: balance;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
max-width: 1140px;
|
||||||
|
--x: 1.5rem;
|
||||||
|
--y: 0;
|
||||||
|
width: 100%;
|
||||||
|
padding-right: calc(var(--x) * 0.5);
|
||||||
|
padding-left: calc(var(--x) * 0.5);
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #region btn */
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
appearance: none;
|
||||||
|
background-color: #FAFBFC;
|
||||||
|
border: 1px solid rgba(27, 31, 35, 0.15);
|
||||||
|
border-radius: 6px;
|
||||||
|
box-shadow: rgba(27, 31, 35, 0.04) 0 1px 0, rgba(255, 255, 255, 0.25) 0 1px 0 inset;
|
||||||
|
box-sizing: border-box;
|
||||||
|
color: #24292E;
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
font-family: -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 20px;
|
||||||
|
list-style: none;
|
||||||
|
padding: 6px 16px;
|
||||||
|
position: relative;
|
||||||
|
transition: background-color 0.2s cubic-bezier(0.3, 0, 0.5, 1);
|
||||||
|
user-select: none;
|
||||||
|
-webkit-user-select: none;
|
||||||
|
touch-action: manipulation;
|
||||||
|
vertical-align: middle;
|
||||||
|
white-space: nowrap;
|
||||||
|
word-wrap: break-word;
|
||||||
|
|
||||||
|
margin: 4px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.btn {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
background-color: #F3F4F6;
|
||||||
|
text-decoration: none;
|
||||||
|
transition-duration: 0.1s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:disabled {
|
||||||
|
background-color: #FAFBFC;
|
||||||
|
border-color: rgba(27, 31, 35, 0.15);
|
||||||
|
color: #959DA5;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:active {
|
||||||
|
background-color: #EDEFF2;
|
||||||
|
box-shadow: rgba(225, 228, 232, 0.2) 0 1px 0 inset;
|
||||||
|
transition: none 0s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:focus {
|
||||||
|
outline: 1px transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:-webkit-details-marker {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #endregion btn */
|
||||||
|
|
||||||
|
/* #region form */
|
||||||
|
|
||||||
|
label,
|
||||||
|
input,
|
||||||
|
select,
|
||||||
|
textarea {
|
||||||
|
margin: 4px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.control-label {
|
||||||
|
display: inline-block;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group input,
|
||||||
|
.form-control {
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
border: 1px solid #ced4da;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
transition: border-color 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group input:focus,
|
||||||
|
.form-control:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: #007bff;
|
||||||
|
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group input[type="submit"],
|
||||||
|
.form-control[type="submit"] {
|
||||||
|
background-color: #007bff;
|
||||||
|
color: white;
|
||||||
|
padding: 10px 16px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group input[type="submit"]:hover,
|
||||||
|
.form-control[type="submit"]:hover {
|
||||||
|
background-color: #0056b3;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group input[type="submit"][name="cancel"]:hover,
|
||||||
|
.form-control[type="submit"][name="cancel"]:hover {
|
||||||
|
background-color: #606060;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-group input[type="submit"][name="cancel"],
|
||||||
|
.form-control[type="submit"][name="cancel"] {
|
||||||
|
background-color: #8a8a8a;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
fieldset {
|
||||||
|
min-width: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #endregion form */
|
||||||
|
/* #region pagination */
|
||||||
|
|
||||||
|
.pagination {
|
||||||
|
list-style: none;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* #endregion pagination */
|
||||||
|
|
||||||
|
/* #region navbar */
|
||||||
|
/* #endregion navbar */
|
||||||
|
|
||||||
|
/* #endregion bootstrap ==> */
|
@ -4,6 +4,7 @@
|
|||||||
{% block styles %}
|
{% block styles %}
|
||||||
{{super()}}
|
{{super()}}
|
||||||
<link rel="stylesheet" href="{{ scu.STATIC_DIR }}/css/scodoc.css">
|
<link rel="stylesheet" href="{{ scu.STATIC_DIR }}/css/scodoc.css">
|
||||||
|
<link rel="stylesheet" href="{{ scu.STATIC_DIR }}/css/scodoc97.css">
|
||||||
<link rel="stylesheet" href="{{ scu.STATIC_DIR }}/css/entreprises.css">
|
<link rel="stylesheet" href="{{ scu.STATIC_DIR }}/css/entreprises.css">
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
@ -2,8 +2,8 @@
|
|||||||
{% macro form_errors(form, hiddens=True) %}
|
{% macro form_errors(form, hiddens=True) %}
|
||||||
{%- if form.errors %}
|
{%- if form.errors %}
|
||||||
{%- for fieldname, errors in form.errors.items() %}
|
{%- for fieldname, errors in form.errors.items() %}
|
||||||
{%- if bootstrap_is_hidden_field(form[fieldname]) and hiddens or
|
{%- if is_hidden_field(form[fieldname]) and hiddens or
|
||||||
not bootstrap_is_hidden_field(form[fieldname]) and hiddens != 'only' %}
|
not is_hidden_field(form[fieldname]) and hiddens != 'only' %}
|
||||||
{%- for error in errors %}
|
{%- for error in errors %}
|
||||||
<p class="error">{{error}}</p>
|
<p class="error">{{error}}</p>
|
||||||
{%- endfor %}
|
{%- endfor %}
|
||||||
@ -75,7 +75,7 @@ the necessary fix for required=False attributes, but will also not set the requi
|
|||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>{{field.label}}</legend>
|
<legend>{{field.label}}</legend>
|
||||||
{%- for subfield in field %}
|
{%- for subfield in field %}
|
||||||
{% if not bootstrap_is_hidden_field(subfield) -%}
|
{% if not is_hidden_field(subfield) -%}
|
||||||
{{ form_field(subfield,
|
{{ form_field(subfield,
|
||||||
form_type=form_type,
|
form_type=form_type,
|
||||||
horizontal_columns=horizontal_columns,
|
horizontal_columns=horizontal_columns,
|
||||||
@ -202,7 +202,7 @@ action="" is what we want, from http://www.ietf.org/rfc/rfc2396.txt:
|
|||||||
{{ form_errors(form, hiddens='only') }}
|
{{ form_errors(form, hiddens='only') }}
|
||||||
|
|
||||||
{%- for field in form %}
|
{%- for field in form %}
|
||||||
{% if not bootstrap_is_hidden_field(field) -%}
|
{% if not is_hidden_field(field) -%}
|
||||||
{{ form_field(field,
|
{{ form_field(field,
|
||||||
form_type=form_type,
|
form_type=form_type,
|
||||||
horizontal_columns=horizontal_columns,
|
horizontal_columns=horizontal_columns,
|
||||||
|
Loading…
Reference in New Issue
Block a user