Fix layout

This commit is contained in:
Thomas 2024-05-18 19:40:04 +02:00
parent 7fa59fb29f
commit 477dabc702
7 changed files with 67 additions and 65 deletions

View file

@ -1,5 +1,5 @@
/* Copyright Notice
* bootstrap5-toggle v5.1.0
* bootstrap5-toggle v5.1.1
* https://palcarazm.github.io/bootstrap5-toggle/
* @author 2011-2014 Min Hur (https://github.com/minhur)
* @author 2018-2019 Brent Ely (https://github.com/gitbrent)

File diff suppressed because one or more lines are too long

View file

@ -42,18 +42,18 @@
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-4" style="text-align: center;">
<div class="col-md-4" style="text-align: center;">
<img src="{{ asset('img/FediPlan.png') }}" width="80" style=" border-radius: 5%;margin-top: 10px; margin-bottom: 10px; "><br/>
FediPlan -{{ "now"|date("Y") }}
</div>
<div class="col-4" style="margin-top: 10px; text-align: center;">
<div class="col-md-4" style="margin-top: 10px; text-align: center;">
{{ 'common.author'|trans }}: Thomas<br/>
Mastodon: <a href="https://toot.fedilab.app/@apps" target="_blank">@apps</a><br/>
Framagit: <a href="https://framagit.org/tom79/" target="_blank">@tom79</a><br/>
Codeberg: <a href="https://codeberg.org/tom79/" target="_blank">@tom79</a><br/>
Github: <a href="https://github.com/stom79/" target="_blank">@stom79</a><br/>
</div>
<div class="col-4" style="margin-top: 10px; text-align: center;">
<div class="col-md-4" style="margin-top: 10px; text-align: center;">
{{ 'common.license'|trans }}: <a href="https://www.gnu.org/licenses/gpl-3.0.fr.html" target="_blank">GPL 3</a><br/>
<a href="https://framagit.org/tom79/fediplan" target="_blank">{{ 'common.source_code'|trans}}</a>
</div>

View file

@ -2,7 +2,7 @@
{% for status in statuses %}
<div class="row" id="message_container_{{ status.getId() }}" style="margin-bottom: 20px;">
<div class="col-8">
<div class="col-md-8">
<div class="card">
<div class="card-horizontal" style=" display: flex;flex: 1 1 auto;">
<div class="img-square-wrapper">

View file

@ -7,26 +7,26 @@
<h1>{{ 'common.about'|trans }}</h1>
<div class="row ">
<div class="col-8 alert alert-secondary" role="alert">
<div class="col-md-8 alert alert-secondary" role="alert">
{{ 'page.about.scheduling'|trans |raw}}
</div>
</div>
<div class="row">
<div class="col-8 alert alert-primary" role="alert">
<div class="col-md-8 alert alert-primary" role="alert">
{{ 'page.about.data'|trans |raw}}
</div>
</div>
<div class="row">
<div class="col-8 alert alert-success" role="alert">
<div class="col-md-8 alert alert-success" role="alert">
{{ 'page.about.issues'|trans |raw}}
</div>
</div>
<div class="row">
<div class="col-8 alert alert-info" role="alert">
<div class="col-md-8 alert alert-info" role="alert">
You can help to translate the project into your language with <b>Crowdin</b> at <a title="Crowdin" target="_blank" href="https://crowdin.com/project/fediplan"><img src="https://badges.crowdin.net/fediplan/localized.svg"></a>
</div>
</div>

View file

@ -12,7 +12,7 @@
{{ form_errors(form) }}
{% if flow.getCurrentStepNumber() == 1 %}
<div class="row">
<div class=" col-4">
<div class="col-md-4">
<div class="form-group has-feedback">
{{ form_label(form.host) }}
<div class="input-group mb-3">
@ -31,7 +31,7 @@
</div>
{% elseif flow.getCurrentStepNumber() == 2 %}
<div class="row">
<div class="col-6">
<div class="col-md-6">
<div class="alert alert-warning">
{{ 'messages.login_authorization'|trans }}
</div>
@ -39,7 +39,7 @@
</div>
</div>
<div class="row">
<div class=" col-md-4">
<div class="col-md-4">
<div class="form-group has-feedback">
{{ form_label(form.code) }}
<div class="input-group mb-3">
@ -62,7 +62,7 @@
{% endif %}
{{ form_widget(form) }}
<div class="row">
<div class="col-2">
<div class="col-md-2">
<input type="submit" class="btn btn-primary btn-block btn-flat" value="{{ 'common.next'|trans }}"/>
</div>
</div>
@ -71,7 +71,7 @@
<blockquote class="blockquote text-center" style="margin-top: 50px;">
<p class="mb-0">{{ 'page.index.about'|trans |raw}}</p>
<p>{{ 'page.index.data'|trans |raw}}</p>
<footer class="blockquote-footer">FediPlan 1.2.1</footer>
<footer class="blockquote-footer">FediPlan 1.2.2</footer>
</blockquote>
{{ form_end(form) }}

View file

@ -54,13 +54,13 @@
</div>
<div class="row">
<div class="col-4 col-4" style="margin-top: 20px;">
<div class="col-md-4" style="margin-top: 20px;">
<div class="form-inline has-feedback">
<label for="count">{{ 'common.counter'|trans }}</label>&nbsp;&nbsp;<span id="count" >0</span>
&nbsp;/{{ instanceConfiguration.statuses.maxCharacters }}
</div>
</div>
<div class=" col-md-4 col-4" style="margin-top: 20px;">
<div class=" col-md-4" style="margin-top: 20px;">
<div class="form-inline has-feedback">
{{ form_label(form.visibility) }}&nbsp;&nbsp;
{{ form_widget(form.visibility, {'attr': {'class': 'form-control'}}) }}
@ -73,7 +73,7 @@
{% endif %}
</div>
</div>
<div class=" col-md-4 col-4" style="margin-top: 20px;">
<div class=" col-md-4" style="margin-top: 20px;">
<div class="form-inline has-feedback">
{{ form_label(form.sensitive) }}&nbsp;&nbsp;
{{ form_widget(form.sensitive, {'attr': {'class': 'form-control','data-toggle':'toggle', 'data-onlabel': 'common.yes'|trans , 'data-offlabel':'common.no'|trans}}) }}
@ -88,7 +88,7 @@
</div>
</div>
<div class="row" style="margin-top: 20px;">
<div class=" col-md-5 col-6">
<div class=" col-md-5">
<div class="form-group has-feedback">
{{ form_label(form.scheduled_at) }}
{{ form_widget(form.scheduled_at, {'attr': {'class': 'form-control'}}) }}
@ -101,7 +101,7 @@
{% endif %}
</div>
</div>
<div class=" col-md-5 col-4">
<div class=" col-md-5">
<div class="form-group has-feedback">
{{ form_label(form.timeZone) }}
{{ form_widget(form.timeZone, {'attr': {'class': 'form-control'}}) }}
@ -114,7 +114,7 @@
{% endif %}
</div>
</div>
<div class="col-2 col-2">
<div class="col-md-2">
<label for="count">{{ 'common.poll'|trans }}</label>&nbsp;&nbsp;
<span id="poll_switch" class="form-control" style="text-align: center;cursor:pointer;" > <i class="fa fa-tasks fa-fw"></i></span>
@ -122,51 +122,51 @@
</div>
<div id="poll_container" class="d-none">
<ul class="options"
data-prototype="{{ form_widget(form.poll_options.vars.prototype)|e('html_attr') }}">
{% for option in form.poll_options %}
{{ form_widget(option) }}
{% if not option.vars.errors is empty %}
<span class="badge badge-danger">
{% for errorItem in option.vars.errors %}
{{ errorItem.message }}
{% endfor %}
</span>
{% endif %}
{% endfor %}
</ul>
<div class="row">
<div class=" col-md-12">
<div class="row">
<div class=" col-md-4">
{{ form_label(form.poll_multiple) }}
{{ form_widget(form.poll_multiple, {'attr': {'class': 'form-control','data-toggle':'toggle', 'data-onlabel': 'common.yes'|trans , 'data-offlabel':'common.no'|trans}}) }}
{% if not form.poll_multiple.vars.errors is empty %}
<span class="badge badge-danger">
{% for errorItem in form.poll_multiple.vars.errors %}
{{ errorItem.message }}
{% endfor %}
</span>
{% endif %}
</div>
<div class=" col-md-4">
<div class="form-inline has-feedback">
{{ form_label(form.poll_expires_at) }}&nbsp;&nbsp;&nbsp;
{{ form_widget(form.poll_expires_at, {'attr': {'class': 'form-control'}}) }}
{% if not form.poll_expires_at.vars.errors is empty %}
<span class="badge badge-danger">
{% for errorItem in form.poll_expires_at.vars.errors %}
{{ errorItem.message }}
{% endfor %}
</span>
{% endif %}
<ul class="options"
data-prototype="{{ form_widget(form.poll_options.vars.prototype)|e('html_attr') }}">
{% for option in form.poll_options %}
{{ form_widget(option) }}
{% if not option.vars.errors is empty %}
<span class="badge badge-danger">
{% for errorItem in option.vars.errors %}
{{ errorItem.message }}
{% endfor %}
</span>
{% endif %}
{% endfor %}
</ul>
<div class="row">
<div class=" col-md-12">
<div class="row">
<div class=" col-md-4">
{{ form_label(form.poll_multiple) }}
{{ form_widget(form.poll_multiple, {'attr': {'class': 'form-control ','data-toggle':'skip-toggle', 'data-onlabel': 'common.yes'|trans , 'data-offlabel':'common.no'|trans}}) }}
{% if not form.poll_multiple.vars.errors is empty %}
<span class="badge badge-danger">
{% for errorItem in form.poll_multiple.vars.errors %}
{{ errorItem.message }}
{% endfor %}
</span>
{% endif %}
</div>
<div class=" col-md-4">
<div class="form-inline has-feedback">
{{ form_label(form.poll_expires_at) }}&nbsp;&nbsp;&nbsp;
{{ form_widget(form.poll_expires_at, {'attr': {'class': 'form-control'}}) }}
{% if not form.poll_expires_at.vars.errors is empty %}
<span class="badge badge-danger">
{% for errorItem in form.poll_expires_at.vars.errors %}
{{ errorItem.message }}
{% endfor %}
</span>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@ -418,14 +418,14 @@
var message = "{{ 'common.delete'|trans }}";
var content;
content = ' <div class="row" id="media_container_'+data.id+'">\n' +
' <div class="col-4">\n' +
' <div class="col-md-4">\n' +
' <img src="'+data.preview_url+'" style="width:100%;max-width:200px;" id="media_preview_'+data.id+'"/>\n' +
' </div>\n' +
' <div class="col-6">\n' +
' <div class="col-md-6">\n' +
' <textarea name="media_description_'+data.id+'" class="form-control"></textarea>\n' +
' </div>\n' +
' <input type="hidden" name="media_id_'+data.id+'" value="'+data.id+'"/>\n' +
' <div class="col-2">\n' +
' <div class="col-md-2">\n' +
' <button type="button" class="btn btn-danger delete_media" data-id="'+data.id+'">\n' +
' <i class="glyphicon glyphicon-trash"></i>\n' +
' <span>'+message+'</span>\n' +
@ -479,6 +479,8 @@
if($('#poll_container').hasClass("d-none") ){
$('#poll_container').removeClass("d-none");
$('#compose_attach_poll').val(1);
document.querySelector('#compose_poll_multiple').bootstrapToggle('destroy');
document.querySelector('#compose_poll_multiple').bootstrapToggle();
}else{
$('#poll_container').addClass("d-none");
$('#compose_attach_poll').val(0);