[CHORE] Remove obsolete modal template (#15257)

pull/15364/head
Tasso Evangelista 6 years ago committed by Guilherme Gazzo
parent a0d8658296
commit 2debe89a37
  1. 191
      app/theme/client/imports/general/base_old.css
  2. 2
      app/ui/client/index.js
  3. 25
      app/ui/client/views/modal.html
  4. 3
      app/ui/client/views/modal.js

@ -3948,197 +3948,6 @@ rc-old select,
margin-top: 1em;
}
.rc-old .rocket-modal {
position: fixed;
z-index: 1000;
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
&.fluid .modal {
height: 100%;
& main {
position: absolute;
overflow-y: scroll;
height: calc(100% - 112px);
}
}
&.opened {
animation: fadeIn 0.1s ease-out forwards;
& .modal {
animation: modalEnter 0.35s cubic-bezier(0.5, 0, 0.1, 1) forwards 0.1s;
}
}
&.closed {
animation: fadeOut 0.2s ease-out forwards;
& .modal {
animation: modalExit 0.25s cubic-bezier(0.5, 0, 0.1, 1) forwards;
}
}
&.overflow .modal {
overflow: visible;
& main {
position: relative;
overflow: visible;
}
}
& .wrapper {
position: relative;
display: table;
width: 100%;
height: 100%;
}
& .window {
position: relative;
display: table-cell;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
& fieldset {
margin-bottom: 8px;
}
& legend {
position: relative;
z-index: 2;
display: block;
margin-bottom: 18px;
text-transform: uppercase;
font-size: 13px;
& i {
margin-right: 4px;
}
&::before {
position: absolute;
z-index: 1;
top: 19px;
left: 0;
width: 100%;
height: 1px;
content: " ";
}
}
& .modal {
position: relative;
display: block;
overflow: hidden;
width: 90%;
max-width: 800px;
margin: 0 auto;
padding: 56px 0;
text-align: left;
opacity: 0;
border-radius: var(--border-radius);
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.15);
& header {
position: absolute;
z-index: 1;
top: 0;
width: 100%;
height: 55px;
padding: 0 25px;
text-align-last: right;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
font-size: 14px;
& h3 {
display: inline-block;
overflow: hidden;
margin: 0;
text-align: left;
text-overflow: ellipsis;
font-size: 18px;
font-weight: 600;
line-height: 55px;
}
& .close {
position: absolute;
top: 16px;
right: 20px;
width: 20px;
height: 26px;
opacity: 1;
& i {
font-size: 24px;
}
}
}
& main {
display: block;
overflow-x: hidden;
overflow-y: auto;
width: 100%;
height: 100%;
padding: 20px 25px;
}
& footer {
position: absolute;
z-index: 1;
bottom: 0;
width: 100%;
height: 55px;
padding: 11px 25px 0;
text-align: right;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
}
}
}
.rc-old .avatarPrompt {
& header p {
font-size: 14px;

@ -8,7 +8,6 @@ import './lib/parentTemplate';
import './lib/codeMirror/codeMirror';
import './lib/textarea-cursor';
import './views/cmsPage.html';
import './views/modal.html';
import './views/404/roomNotFound.html';
import './views/404/invalidSecretURL.html';
import './views/app/audioNotification.html';
@ -29,7 +28,6 @@ import './views/app/videoCall/videoButtons.html';
import './views/app/videoCall/videoCall.html';
import './views/app/photoswipe.html';
import './views/cmsPage';
import './views/modal';
import './views/404/roomNotFound';
import './views/app/burger';
import './views/app/createChannel';

@ -1,25 +0,0 @@
<template name="modal">
<section id="{{this.id}}" class="rocket-modal {{this.class}}" tabindex="-1" role="dialog" aria-hidden="true">
<div class="wrapper">
<div class="window">
<form id="{{this.id}}-form" class="modal form-horizontal">
<header>
<h3>{{this.title}}</h3>
<span class="close"><i class="icon-cancel"></i></span>
</header>
<main>
{{> UI.contentBlock}}
</main>
<footer>
{{#if this.save}}
<button class="button primary" type="submit" data-loading-text="{{_ "Please_wait"}}..."><span>{{this.save}}</span></button>
{{/if}}
{{#if this.close}}
<button class="button danger"><span>{{this.close}}</span></button>
{{/if}}
</footer>
</form>
</div>
</div>
</section>
</template>

@ -1,3 +0,0 @@
import { Template } from 'meteor/templating';
Template.modal.rendered = function() {};
Loading…
Cancel
Save