apairon/mocoapp-browser-extension
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Configure positioning of bubble

Browse Source
This commit is contained in:
Manuel Bouza
2019-02-21 11:17:21 +01:00
parent 342b039dba
commit 49bf30fb79
4 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/css/content.scss
View File

@@ -1,31 +1,26 @@
#moco-bx-root {
position: fixed;
bottom: 40px;
left: 50%;
margin-left: -30px;
z-index: 1000;
height: 60px;
width: 60px;
background-color: white;
border-radius: 50%;
box-shadow: -1px -1px 15px 4px rgba(0, 0, 0, 0.05),
2px 2px 15px 4px rgba(0, 0, 0, 0.05);
padding: 5px;
cursor: pointer;
iframe {
border: 0;
}
.moco-bx-bubble {
position: fixed;
bottom: 2rem;
z-index: 1000;
height: 60px;
width: 60px;
background-color: white;
border-radius: 50%;
box-shadow: -1px -1px 15px 4px rgba(0, 0, 0, 0.05),
2px 2px 15px 4px rgba(0, 0, 0, 0.05);
padding: 5px;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
width: 100%;
height: 100%;
img.moco-bx-logo {
width: 30px;
@@ -61,6 +56,7 @@
background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
.moco-bx-popup-content {
box-sizing: content-box;
background-color: white;
width: 600px;
height: 400px;