web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

develop a system for avoiding z-index problems

Browse Source
This commit is contained in:
ansuz 2017-09-13 17:43:17 +02:00
parent fbd4be6135
commit f039fc7ff5
10 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
customize.dist/src/less/cryptpad.less
View File

@ -296,7 +296,7 @@ noscript {
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
z-index: 2; z-index: 2; // noscriptContainer
#noscript { #noscript {
width: 1000px; width: 1000px;
display: flex; display: flex;
@ -341,7 +341,7 @@ noscript {
left: 0; left: 0;
right: 0; right: 0;
margin: auto; margin: auto;
z-index: 1; z-index: 1; // #main, #main_other
font-size: medium; font-size: medium;
@ -607,7 +607,7 @@ noscript {
background: blue; background: blue;
position: absolute; position: absolute;
left: 0; left: 0;
z-index:1; z-index:1; // .usage
&.normal { &.normal {
background: @toolbar-green; background: @toolbar-green;
} }
@ -622,7 +622,7 @@ noscript {
position: relative; position: relative;
color: black; color: black;
text-shadow: 1px 0 2px white, 0 1px 2px white, -1px 0 2px white, 0 -1px 2px white; text-shadow: 1px 0 2px white, 0 1px 2px white, -1px 0 2px white, 0 -1px 2px white;
z-index: 2; z-index: 2; // .usageText
font-size: @main-font-size; font-size: @main-font-size;
font-weight: bold; font-weight: bold;
} }
@ -644,7 +644,7 @@ noscript {
bottom: 10vh; bottom: 10vh;
opacity: 0.9; opacity: 0.9;
box-sizing: border-box; box-sizing: border-box;
z-index: 10000; z-index: 10000; // #uploadStatusContainer
display: none; display: none;
#uploadStatus { #uploadStatus {
width: 80vw; width: 80vw;
@ -674,7 +674,7 @@ noscript {
left: @upload_pad_v; left: @upload_pad_v;
top: @upload_pad_h; bottom: @upload_pad_h; top: @upload_pad_h; bottom: @upload_pad_h;
background-color: rgba(0,0,255,0.3); background-color: rgba(0,0,255,0.3);
z-index: -1; z-index: -1; // .progressContainer
} }
.upCancel { text-align: center; } .upCancel { text-align: center; }
.fa.cancel { .fa.cancel {

4
customize.dist/src/less/loading.less
View File

@ -3,7 +3,7 @@
#loading { #loading {
position: fixed; position: fixed;
z-index: 9999999; z-index: 10000000; // #loading
top: 0px; top: 0px;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
@ -35,7 +35,7 @@
} }
#loadingTip { #loadingTip {
position: fixed; position: fixed;
z-index: 99999; z-index: 100000; // loading tip
top: 80%; top: 80%;
left: 0; left: 0;
right: 0; right: 0;

6
customize.dist/src/less/toolbar.less
View File

@ -259,7 +259,7 @@ body .cryptpad-toolbar {
font: @toolbar-button-font; font: @toolbar-button-font;
width: 100%; width: 100%;
z-index: 9001; z-index: 10000; // body, .cryptpad-toolbar
.cp-dropdown-container { .cp-dropdown-container {
//height: 100%; //height: 100%;
@ -792,7 +792,7 @@ body .cryptpad-toolbar {
cursor: pointer; cursor: pointer;
} }
.cryptpad-user-dropdown { .cryptpad-user-dropdown {
z-index: 10000; z-index: 10000; // .cryptpad-user-dropdown
//margin-left: 20px; //margin-left: 20px;
height: 64px; height: 64px;
width: 64px; width: 64px;
@ -915,7 +915,7 @@ body .cryptpad-toolbar {
background: @dropdown-bg; background: @dropdown-bg;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
z-index:10000; z-index:10000; // .drawer-content
color: black; color: black;
.fa { .fa {
font-size: 17px; font-size: 17px;

2
customize.dist/src/less2/include/alertify.less
View File

@ -64,7 +64,7 @@
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: 99999; // alertify container z-index: 100000; // alertify container
&.forefront { &.forefront {
z-index: @max-z-index; // alertify max forefront z-index: @max-z-index; // alertify max forefront
} }

2
customize.dist/src/less2/include/dropdown.less
View File

@ -28,7 +28,7 @@
background-color: @colortheme_dropdown-bg; background-color: @colortheme_dropdown-bg;
min-width: 250px; min-width: 250px;
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
z-index: 1000; z-index: 1000; //Z dropdown content
max-height: 300px; max-height: 300px;
overflow-y: auto; overflow-y: auto;
font: @dropdown_font; font: @dropdown_font;

4
customize.dist/src/less2/include/fileupload.less
View File

@ -10,7 +10,7 @@
bottom: 10vh; bottom: 10vh;
opacity: 0.9; opacity: 0.9;
box-sizing: border-box; box-sizing: border-box;
z-index: 1000000; z-index: 1000000; //Z file upload table container
display: none; display: none;
#cp-fileupload-table { #cp-fileupload-table {
width: 80vw; width: 80vw;
@ -40,7 +40,7 @@
left: @upload_pad_v; left: @upload_pad_v;
top: @upload_pad_h; bottom: @upload_pad_h; top: @upload_pad_h; bottom: @upload_pad_h;
background-color: rgba(0,0,255,0.3); background-color: rgba(0,0,255,0.3);
z-index: -1; z-index: -1; //Z file upload progress container
} }
.cp-fileupload-table-cancel { text-align: center; } .cp-fileupload-table-cancel { text-align: center; }
.fa.cancel { .fa.cancel {

2
customize.dist/src/less2/include/infopages.less
View File

@ -117,7 +117,7 @@
.infopages_topbar () { .infopages_topbar () {
.cp-topbar { .cp-topbar {
background: #fff; background: #fff;
z-index: 9001; z-index: 10000; //Z infopage toolbar
position: fixed; position: fixed;
top: 0; top: 0;
display: flex; display: flex;

2
customize.dist/src/less2/include/modal.less
View File

@ -20,7 +20,7 @@
.cp-modal-container { .cp-modal-container {
display: none; display: none;
z-index: 100000; z-index: 100000; //Z modal container
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;

6
customize.dist/src/less2/include/toolbar.less
View File

@ -274,7 +274,7 @@
font: @toolbar_button-font; font: @toolbar_button-font;
width: 100%; width: 100%;
z-index: 9001; z-index: 10000; // cp-toolbar
.cp-dropdown-container { .cp-dropdown-container {
//height: 100%; //height: 100%;
@ -597,7 +597,7 @@
vertical-align: top; vertical-align: top;
} }
.cp-toolbar-user-dropdown { .cp-toolbar-user-dropdown {
z-index: 10000; z-index: 10000; //Z cp-toolbar-user-dropdown
//margin-left: 20px; //margin-left: 20px;
height: 64px; height: 64px;
width: 64px; width: 64px;
@ -737,7 +737,7 @@
background: @colortheme_dropdown-bg; background: @colortheme_dropdown-bg;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
z-index:10000; z-index:10000; //Z cp-toolbar-drawer-content
color: black; color: black;
.fa { .fa {
font-size: 17px; font-size: 17px;

2
www/common/tippy.css
View File

File diff suppressed because one or more lines are too long