mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-05-09 00:15:13 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

moved the modal back to the middle, grey out all the edit zone while reconnecting

Browse source
This commit is contained in:
Jean-Tiare Le Bigot 2012-03-03 16:04:29 +01:00
parent b3904a6497
commit 0a68f06610
3 changed files with 92 additions and 62 deletions
Download patch file Download diff file Expand all files Collapse all files

56
static/css/pad.css
View file

@ -156,16 +156,16 @@ a img
margin: 0;
}
#editorloadingbox {
padding-top: 100px;
padding-bottom: 100px;
font-size: 2.5em;
#editorloadingbox {
padding-top: 100px;
padding-bottom: 100px;
font-size: 2.5em;
color: #aaa;
text-align: center;
position: absolute;
width: 100%;
height: 30px;
z-index: 100;
text-align: center;
position: absolute;
width: 100%;
height: 30px;
z-index: 100;
background: url(../../static/img/connectingbar.gif) no-repeat center 130px;
}
@ -482,7 +482,7 @@ table#otheruserstable { display: none; }
border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;
}
.usertdname input.editempty { color: #888; font-style: italic;}
.modaldialog.cboxreconnecting .modaldialog-inner,
.modaldialog.cboxconnecting .modaldialog-inner {
background: url("../../static/img/connectingbar.gif") no-repeat scroll center bottom transparent;
@ -520,22 +520,20 @@ table#otheruserstable { display: none; }
z-index: 11;
}
#connectionboxinner .connecting {
margin-top: 20px;
font-size: 2.0em; color: #555;
text-align: center; display: none;
}
.cboxconnecting #connectionboxinner .connecting { display: block; }
#connectionboxinner .disconnected{
margin: 10px;
}
#connectionboxinner .disconnected h2 {
font-size: 1.8em; color: #333;
text-align: left;
margin-top: 10px; margin-left: 10px; margin-right: 10px;
margin-bottom: 10px;
}
#connectionboxinner .disconnected p {
margin: 10px 0;
margin: 10px 10px;
font-size: 1.2em;
line-height: 1.1;
color: #333;
@ -544,6 +542,7 @@ table#otheruserstable { display: none; }
.cboxdisconnected #connectionboxinner .disconnected { display: block; }
#connectionboxinner .reconnecting {
margin-top: 20px;
font-size: 1.6em; color: #555;
text-align: center; display: none;
}
@ -602,7 +601,7 @@ table#otheruserstable { display: none; }
.modaldialog {
position: absolute;
top: 35px;
top: 100px;
left:50%;
margin-left:-243px;
width: 485px;
@ -613,6 +612,7 @@ table#otheruserstable { display: none; }
background: white;
border: 1px solid #999;
}
.modaldialog .modaldialog-inner { padding: 10pt; }
.modaldialog .modaldialog-hide {
float: right;
background-repeat: no-repeat;
@ -693,6 +693,20 @@ table#otheruserstable { display: none; }
top: 5px; right: 220px;
}
#modaloverlay {
z-index: 500; display: none;
background-repeat: repeat-both;
width: 100%; position: absolute;
height: 100%; left: 0; top: 0;
}
* html #modaloverlay { /* for IE 6+ */
opacity: 1; /* in case this is looked at */
background-image: none;
background-repeat: no-repeat;
/* scale the image */
}
a#topbarmaximize {
float: right;
width: 16px;
@ -1180,6 +1194,16 @@ input[type=checkbox] {
width: 185px !important;
}
@media screen and (max-width: 960px) {
.modaldialog {
position: relative;
margin: 0 auto;
width: 80%;
top: 40px;
left: 0;
}
}
@media screen and (max-width: 600px) {
#editbar ul li {
padding: 4px 1px;