| ︙ | | |
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
|
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
|
-
+
|
}
.fossil-toast-message {
/* "toast"-style popup message.
See fossil.popupwidget:toast() */
position: absolute;
display: block;
z-index: 101;
z-index: 1001;
text-align: left;
padding: 0.15em 0.5em;
margin: 0;
font-size: 1em;
border-width: 1px;
border-style: solid;
border-color: rgba( 127, 127, 127, 0.75 );
|
| ︙ | | |
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
|
1511
1512
1513
1514
1515
1516
1517
1518
1519
1520
1521
1522
1523
1524
1525
|
+
|
font-size: 0.8em;
text-align: left;
opacity: 0.8;
display: flex;
flex-direction: column;
align-items: stretch;
padding: 0.25em;
z-index: 200;
}
body.chat .chat-message-popup > span { white-space: nowrap; }
body.chat .chat-message-popup > .toolbar {
padding: 0.2em;
margin: 0;
border: 2px inset rgba(0,0,0,0.3);
border-radius: 0.25em;
|
| ︙ | | |
1571
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
|
1572
1573
1574
1575
1576
1577
1578
1579
1580
1581
1582
1583
1584
1585
1586
|
+
|
body.chat .chat-settings-popup {
font-size: 0.8em;
text-align: left;
display: flex;
flex-direction: column;
align-items: stretch;
padding: 0.25em;
z-index: 200;
}
body.chat .chat-settings-popup > span {
margin: 0.25em 0.2em;
padding: 0.5em;
white-space: nowrap;
cursor: pointer;
border: 1px outset;
|
| ︙ | | |
1599
1600
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
|
1601
1602
1603
1604
1605
1606
1607
1608
1609
1610
1611
1612
1613
1614
1615
1616
1617
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
|
-
+
-
+
+
+
+
+
+
+
+
+
|
}
body.chat.chat-only-mode #chat-input-area {
/* would like to pin this to the top so that it stays in place when
scrolling, but doing so causes #chat-messages-wrapper to scroll
behind it visibly, which is really ugly. Only current workaround is
to force an opaque background color on this element, but that's not
skin-friendly. */
/*position: fixed;
position: sticky;
top: 0;
left: 0;*/
left: 0;
padding: 0.5em 1em;
z-index: 100
/* see notes in #chat-messages-wrapper. The various popups require a
z-index higher than this one. */
}
body.chat.chat-only-mode #chat-messages-wrapper {
position: relative;
top: 0;
z-index: 99 /* so that it scrolls under input area. If it's
lower than div.content then mouse events to it
are blocked!*/;
}
body.chat #chat-input-area {
display: flex;
flex-direction: column;
border-bottom: 1px solid black;
margin-bottom: 0.5em;
|
| ︙ | | |