Mercurial > libervia-web

comparison src/browser/public/libervia.css @ 736:fe3c2357a8c9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
fixes/improve ListManager and contact group manager + better PEP-8 compliance
author souliane <souliane@mailoo.org>
date Thu, 19 Nov 2015 11:41:03 +0100
parents 273b39f04d8e
children 398b54bd97f0
comparison
equal deleted inserted replaced
735:e4ae8e2b0afd 736:fe3c2357a8c9
298 cursor: default !important; 298 cursor: default !important;
299 } 299 }
300 300
301 /* Misc Pyjamas stuff */ 301 /* Misc Pyjamas stuff */
302 302
303 .gwt-AutoCompleteTextBox {
304 width: 80%;
305 border: 1px solid #87B3FF;
306 margin-top: 20px;
307 }
308 .gwt-DialogBox { 303 .gwt-DialogBox {
309 padding: 10px; 304 padding: 10px;
310 border: 1px solid #aaa; 305 border: 1px solid #aaa;
311 background-color: #fff; 306 background-color: #fff;
312 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); 307 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
462 .groupPanel tr:first-child td { 457 .groupPanel tr:first-child td {
463 padding-top: 10px; 458 padding-top: 10px;
464 } 459 }
465 460
466 .group { 461 .group {
462 curser: pointer;
467 padding: 2px 15px; 463 padding: 2px 15px;
468 margin: 5px; 464 margin: 5px;
469 display: inline-block; 465 display: inline-block;
470 text-decoration: none; 466 text-decoration: none;
471 font-weight: bold; 467 font-weight: bold;
1289 .richTextTitle textarea { 1285 .richTextTitle textarea {
1290 height: 23px; 1286 height: 23px;
1291 width: 99%; 1287 width: 99%;
1292 margin: auto; 1288 margin: auto;
1293 display: block; 1289 display: block;
1290 border: 0px;
1291 border-radius: 5px;
1294 } 1292 }
1295 1293
1296 .richTextToolbar { 1294 .richTextToolbar {
1297 white-space: nowrap; 1295 white-space: nowrap;
1298 width: 100%; 1296 width: 100%;
1299 } 1297 }
1300 1298
1301 .richTextArea { 1299 .richTextArea {
1302 width: 100%; 1300 width: 100%;
1301 height: 250px;
1303 } 1302 }
1304 1303
1305 .richMessageArea { 1304 .richMessageArea {
1306 width: 100%; 1305 width: 100%;
1307 height: 250px; 1306 height: 250px;
1359 } 1358 }
1360 1359
1361 .itemPanel { 1360 .itemPanel {
1362 } 1361 }
1363 1362
1364 .itemTextBox { 1363 .listItem-box {
1365 cursor: pointer; 1364 cursor: pointer;
1366 width: auto; 1365 width: auto;
1366 border: 1px solid #87B3FF;
1367 border-radius: 5px 5px 5px 5px; 1367 border-radius: 5px 5px 5px 5px;
1368 -webkit-box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6); 1368 -webkit-box-shadow: inset 0px 1px 0px rgba(135, 179, 255, 0.6);
1369 box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6); 1369 box-shadow: inset 0px 1px 2px rgba(135, 179, 255, 0.6);
1370 padding: 2px 1px; 1370 padding: 2px 1px;
1371 margin: 0px; 1371 }
1372 color: #444; 1372
1373 font-size: 1em; 1373 .listItem-box-invalid {
1374 }
1375
1376 .itemTextBox-invalid {
1377 -webkit-box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
1378 box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
1379 border: 1px solid rgb(255, 0, 0); 1374 border: 1px solid rgb(255, 0, 0);
1380 } 1375 -webkit-box-shadow: inset 0px 1px 0px rgba(255, 0, 0, 0.6);
1381 1376 box-shadow: inset 0px 1px 0px rgba(255, 0, 0, 0.6);
1382 .itemRemoveButton { 1377 }
1383 margin: 0px 10px 0px 0px; 1378
1384 padding: 0px; 1379 .listItem-button span {
1385 border: 1px dashed red;
1386 border-radius: 5px 5px 5px 5px;
1387 }
1388
1389 .itemRemoveIcon {
1390 color: red; 1380 color: red;
1391 width:15px;
1392 height:15px;
1393 vertical-align: baseline;
1394 } 1381 }
1395 1382
1396 .recipientSpacer { 1383 .recipientSpacer {
1397 height: 15px; 1384 height: 15px;
1398 } 1385 }
1406 } 1393 }
1407 1394
1408 /* Contact group manager */ 1395 /* Contact group manager */
1409 1396
1410 .contactGroupEditor { 1397 .contactGroupEditor {
1411 width: 800px; 1398 width: 680px !important;
1412 max-width:800px; 1399 }
1413 min-width: 800px; 1400
1414 margin-top: 9px; 1401 .contactGroupManager {
1415 margin-left:18px; 1402 width: 400px !important;
1416 } 1403 height: 300px !important;
1417 1404 margin: 20px 0px;
1418 .contactGroupRemoveButton { 1405 }
1419 margin: 0px 10px 0px 0px; 1406
1407 .contactGroupRoster {
1408 width: 280px !important;
1409 height: 300px !important;
1410 margin: 20px 0px;
1411 }
1412
1413 .listItem-button {
1414 margin: 0px;
1420 padding: 0px; 1415 padding: 0px;
1421 border: 1px dashed red; 1416 border: none;
1422 border-radius: 5px 5px 5px 5px; 1417 background: transparent;
1423 } 1418 }
1424 1419
1425 .addContactGroupPanel { 1420 .addContactGroupPanel {
1426 1421
1427 } 1422 }
1428 1423
1429 .contactGroupPanel { 1424 .listPanel {
1430 vertical-align:middle; 1425 vertical-align:top;
1431 } 1426 padding: 10px 0px;
1432 1427 }
1433 .contactGroupPanel.dragover { 1428
1429 .listPanel.dragover {
1434 border-radius: 5px !important; 1430 border-radius: 5px !important;
1435 background: none repeat scroll 0% 0% rgb(135, 179, 255) !important; 1431 background: none repeat scroll 0% 0% rgb(135, 179, 255) !important;
1436 border: 1px dashed rgb(35,79,255) !important; 1432 border: 1px dashed rgb(35,79,255) !important;
1437 } 1433 }
1438 1434
1439 .toggleAssignedContacts { 1435 .toggleAssignedContacts {
1440 white-space: nowrap; 1436 white-space: nowrap;
1441 } 1437 }
1442 1438
1443 .contactGroupButtonCell { 1439 .listManager-button-cell {
1444 vertical-align: baseline; 1440 vertical-align: top;
1441 padding: 10px 0px;
1445 width: 55px; 1442 width: 55px;
1446 white-space: nowrap; 1443 white-space: top;
1444 }
1445
1446 .listManager-button-cell .group {
1447 border: 0px;
1448 margin: 0px 5px;
1447 } 1449 }
1448 1450
1449 /* Room and contacts chooser */ 1451 /* Room and contacts chooser */
1450 1452
1451 .room-contact-chooser { 1453 .room-contact-chooser {
1457 .gwt-StackPanel { 1459 .gwt-StackPanel {
1458 } 1460 }
1459 1461
1460 .gwt-StackPanel .gwt-StackPanelItem { 1462 .gwt-StackPanel .gwt-StackPanelItem {
1461 background-color: #222; 1463 background-color: #222;
1462 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); 1464 background: -webkit-gradient(linear, left top, left bottom, from(#888888), to(#666666));
1463 background: -webkit-linear-gradient(top, #444444, #222222); 1465 background: -webkit-linear-gradient(top, #888888, #666666);
1464 background: linear-gradient(to bottom, #444444, #222222); 1466 background: linear-gradient(to bottom, #888888, #666666);
1465 text-decoration: none; 1467 text-decoration: none;
1466 font-weight: bold; 1468 font-weight: bold;
1467 height: 100%; 1469 height: 100%;
1468 color: #e7e5e5; 1470 color: #e7e5e5;
1469 padding: 3px 15px; 1471 padding: 3px 15px;