WordPress.org
Get WordPress

Plugin Directory

Changeset 1988285


Ignore:
Timestamp:
12/07/2018 08:14:10 PM (7 years ago)
Author:
heduluna
Message:

Responsive Update

File:
1 edited

Legend:

Unmodified
Added
Removed

  • fogata-bots/trunk/includes/assets/css/fogata-chat.css

    r1950547 r1988285  
    330330    line-height: normal;
    331331}
     332
     333@media (max-width: 480px){
     334
     335  .fogata-chats {
     336      width: 100vw;
     337      height: calc(100vh - 100px); /*44*/
     338      -webkit-box-shadow: none;
     339      -moz-box-shadow: none;
     340      box-shadow: none;
     341  }
     342
     343  #fogata-draggable-webchat{
     344    width: 70px;
     345    height: 70px;
     346    position: fixed;
     347    bottom: 0;
     348    left: 0;
     349    z-index: 9999;
     350    -webkit-transition: height 300ms ease-out;
     351    -moz-transition: height 300ms ease-out;
     352    -o-transition: height 300ms ease-out;
     353    transition: height 300ms ease-out;
     354  }
     355
     356  .fogata-chat-btn{
     357    position: absolute;
     358    bottom: 0;
     359    left: 0;
     360    width: 100vw;
     361    height: 44px;
     362    background-color: #926dde;
     363    -webkit-box-shadow: none;
     364    -moz-box-shadow: none;
     365    box-shadow: none;
     366    cursor: pointer;
     367    display: inline !important;
     368  }
     369
     370  #fogata-bot-response {
     371    width: 100vw;
     372    margin-top: 40px;
     373    padding: 15px;
     374    height: calc(100vh - 190px);/*126*/
     375    overflow-y: scroll;
     376    font-size: 14px;
     377    -moz-box-sizing: border-box;
     378    -webkit-box-sizing: border-box;
     379    box-sizing: border-box;
     380  }
     381
     382  #fogata-bot-lead {
     383    width: 100vw;
     384    margin-top: 40px;
     385    padding: 15px;
     386    height: calc(100vh - 140px);/*84*/
     387    border: none;
     388    overflow-y: scroll;
     389    font-size: 14px;
     390    -moz-box-sizing: border-box;
     391    -webkit-box-sizing: border-box;
     392    box-sizing: border-box;
     393  }
     394
     395  .fogata-menu-chat, .fogata-menu-send {
     396      color: #333;
     397      width: 36px;
     398      height: 42px;
     399      float: left;
     400      text-align: center;
     401      line-height: 42px;
     402      font-size: 16px;
     403      cursor: pointer;
     404  }
     405
     406  .fogata-user-text {
     407      width: calc(100vw - 72px) !important;
     408  }
     409
     410  .fogata-bot-input, .fogata-bot-start {
     411      width: calc(100vw - 30px) !important;
     412  }
     413
     414}
Note: See TracChangeset for help on using the changeset viewer.