mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-30 05:19:57 +00:00
Code Issues Releases Wiki Activity

Rename "modal-*" classes to "tc-modal-*"

Browse Source 
Part of #764
This commit is contained in:
Jermolene 2014-08-28 17:34:02 +01:00
parent 9173e944df
commit 54591100b5
4 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
core/modules/utils/dom/modal.js
View File

@ -50,12 +50,12 @@ Modal.prototype.display = function(title,options) {
this.modalCount++; this.modalCount++;
this.adjustPageClass(); this.adjustPageClass();
// Add classes // Add classes
$tw.utils.addClass(wrapper,"modal-wrapper"); $tw.utils.addClass(wrapper,"tc-modal-wrapper");
$tw.utils.addClass(modalBackdrop,"modal-backdrop"); $tw.utils.addClass(modalBackdrop,"tc-modal-backdrop");
$tw.utils.addClass(modalWrapper,"modal"); $tw.utils.addClass(modalWrapper,"tc-modal");
$tw.utils.addClass(modalHeader,"modal-header"); $tw.utils.addClass(modalHeader,"tc-modal-header");
$tw.utils.addClass(modalBody,"modal-body"); $tw.utils.addClass(modalBody,"tc-modal-body");
$tw.utils.addClass(modalFooter,"modal-footer"); $tw.utils.addClass(modalFooter,"tc-modal-footer");
// Join them together // Join them together
wrapper.appendChild(modalBackdrop); wrapper.appendChild(modalBackdrop);
wrapper.appendChild(modalWrapper); wrapper.appendChild(modalWrapper);

4
themes/tiddlywiki/seamless/base.tid
View File

@ -30,12 +30,12 @@ Rules copied from Snow White
-webkit-filter: blur(4px); -webkit-filter: blur(4px);
} }
.modal { .tc-modal {
border-radius: 6px; border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">> <<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
} }
.modal-footer { .tc-modal-footer {
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
<<box-shadow "inset 0 1px 0 #fff">>; <<box-shadow "inset 0 1px 0 #fff">>;
} }

4
themes/tiddlywiki/snowwhite/base.tid
View File

@ -63,12 +63,12 @@ canvas.tw-edit-bitmapeditor {
-webkit-filter: blur(4px); -webkit-filter: blur(4px);
} }
.modal { .tc-modal {
border-radius: 6px; border-radius: 6px;
<<box-shadow "0 3px 7px rgba(0,0,0,0.3)">> <<box-shadow "0 3px 7px rgba(0,0,0,0.3)">>
} }
.modal-footer { .tc-modal-footer {
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
<<box-shadow "inset 0 1px 0 #fff">>; <<box-shadow "inset 0 1px 0 #fff">>;
} }

20
themes/tiddlywiki/vanilla/base.tid
View File

@ -973,7 +973,7 @@ canvas.tw-edit-bitmapeditor {
** Modals ** Modals
*/ */
.modal-wrapper { .tc-modal-wrapper {
position: fixed; position: fixed;
overflow: auto; overflow: auto;
overflow-y: scroll; overflow-y: scroll;
@ -983,7 +983,7 @@ canvas.tw-edit-bitmapeditor {
left: 0; left: 0;
} }
.modal-backdrop { .tc-modal-backdrop {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
@ -993,49 +993,49 @@ canvas.tw-edit-bitmapeditor {
background-color: <<colour modal-backdrop>>; background-color: <<colour modal-backdrop>>;
} }
.modal { .tc-modal {
z-index: 1100; z-index: 1100;
background-color: <<colour modal-background>>; background-color: <<colour modal-background>>;
border: 1px solid <<colour modal-border>>; border: 1px solid <<colour modal-border>>;
} }
@media (max-width: 55em) { @media (max-width: 55em) {
.modal { .tc-modal {
position: fixed; position: fixed;
top: 1em; top: 1em;
left: 1em; left: 1em;
right: 1em; right: 1em;
} }
.modal-body { .tc-modal-body {
overflow-y: auto; overflow-y: auto;
max-height: 400px; max-height: 400px;
} }
} }
@media (min-width: 55em) { @media (min-width: 55em) {
.modal { .tc-modal {
position: relative; position: relative;
width: 50%; width: 50%;
margin: 30px auto; margin: 30px auto;
} }
} }
.modal-header { .tc-modal-header {
padding: 9px 15px; padding: 9px 15px;
border-bottom: 1px solid <<colour modal-header-border>>; border-bottom: 1px solid <<colour modal-header-border>>;
} }
.modal-header h3 { .tc-modal-header h3 {
margin: 0; margin: 0;
line-height: 30px; line-height: 30px;
} }
.modal-body { .tc-modal-body {
padding: 15px; padding: 15px;
} }
.modal-footer { .tc-modal-footer {
padding: 14px 15px 15px; padding: 14px 15px 15px;
margin-bottom: 0; margin-bottom: 0;
text-align: right; text-align: right;