src/pyams_content/zmi/resources/css/pyams_content.css
changeset 1453 5b3285e47b62
parent 1378 d54fcd3248e6
equal deleted inserted replaced
1452:f5eca01f0a1d 1453:5b3285e47b62
       
     1 .ams-widget.comments {
       
     2   margin-bottom: 0;
       
     3 }
     1 .ams-widget.comments .widget-body {
     4 .ams-widget.comments .widget-body {
     2   position: fixed;
     5   display: flex;
     3   height: calc(100% - 337px);
     6   flex-direction: column;
     4 }
     7 }
     5 .ams-widget.comments .widget-body .chat-body {
     8 .ams-widget.comments .widget-body .chat-body {
     6   position: relative;
     9   flex-grow: 1;
     7   height: 100%;
    10   max-height: calc(100vh - 385px);
       
    11   overflow-y: auto;
     8 }
    12 }
     9 .ams-widget.comments .widget-body .chat-footer {
    13 .ams-widget.comments .widget-body .chat-footer {
    10   position: fixed;
    14   flex-grow: 0;
    11   bottom: 10px;
       
    12 }
       
    13 .ams-widget.comments .widget-body,
       
    14 .ams-widget.comments .widget-body .chat-footer {
       
    15   width: calc(100% - 240px);
       
    16 }
    15 }
    17 @media (max-width: 767px) {
    16 @media (max-width: 767px) {
    18   .ams-widget.comments .widget-body,
       
    19   .ams-widget.comments .widget-body .chat-footer {
       
    20     width: calc(100% - 10px);
       
    21   }
       
    22 }
    17 }
    23 @media (min-width: 768px) and (max-width: 979px) {
    18 @media (min-width: 768px) and (max-width: 979px) {
    24   .ams-widget.comments .widget-body,
       
    25   .ams-widget.comments .widget-body .chat-footer {
       
    26     width: calc(100% - 20px);
       
    27   }
       
    28 }
       
    29 .minified .ams-widget.comments .widget-body,
       
    30 .minified .ams-widget.comments .widget-body .chat-footer {
       
    31   width: calc(100% - 65px);
       
    32 }
    19 }
    33 @media (max-width: 767px) {
    20 @media (max-width: 767px) {
    34   .minified .ams-widget.comments .widget-body,
       
    35   .minified .ams-widget.comments .widget-body .chat-footer {
       
    36     width: calc(100% - 55px);
       
    37   }
       
    38 }
       
    39 .hidden-menu .ams-widget.comments .widget-body,
       
    40 .hidden-menu .ams-widget.comments .widget-body .chat-footer {
       
    41   width: calc(100% - 30px);
       
    42 }
    21 }
    43 .pictograms-manager .pictogram {
    22 .pictograms-manager .pictogram {
    44   border-bottom: 1px solid silver;
    23   border-bottom: 1px solid silver;
    45 }
    24 }
    46 .pictograms-manager .pictogram:last-child {
    25 .pictograms-manager .pictogram:last-child {
    47   border-bottom: none;
    26   border-bottom: none;
    48 }
    27 }
    49 .sortable.gallery {
    28 .sortable.gallery {
    50   max-height: 550px;
    29   max-height: 550px;
    51 }
    30 }
    52 /*# sourceMappingURL=pyams_content.css.map */