made the indicator a bit smaller

corevo · corevo · commit b8d24f33f806 · 2019-02-18T16:04:17.000+02:00
diff --git a/packages/selenium-ide/src/content/indicator.html b/packages/selenium-ide/src/content/indicator.html
@@ -30,7 +30,7 @@
     </style>
   </head>
   <body>
-      <div style="display: flex;align-items: center;flex-direction: row;margin: 15px;">
+      <div style="display: flex;align-items: center;flex-direction: row;margin: 10px;">
           <img id="ide-img" style="width: 28px;margin: 0 10px;" />
           <div style="height: 28px;border-left: 1px solid #c6c6c6;"></div>
           <div id="circle"></div>
diff --git a/packages/selenium-ide/src/content/record-api.js b/packages/selenium-ide/src/content/record-api.js
@@ -188,7 +188,7 @@ function addRecordingIndicator() {
     recordingIndicator.style.bottom = '36px'
     recordingIndicator.style.right = '36px'
     recordingIndicator.style.width = '380px'
-    recordingIndicator.style.height = '60px'
+    recordingIndicator.style.height = '50px'
     recordingIndicator.style['background-color'] = '#f7f7f7'
     recordingIndicator.style['box-shadow'] = '0 7px 10px 0 rgba(0,0,0,0.1)'
     recordingIndicator.style.transition = 'bottom 100ms linear'
diff --git a/packages/selenium-ide/src/content/targetSelector.js b/packages/selenium-ide/src/content/targetSelector.js
@@ -55,7 +55,7 @@ class TargetSelector {
     const header = doc.createElement('div')
     header.setAttribute(
       'style',
-      "pointer-events: none;display: flex;align-items: center;justify-content: center;flex-direction: row;position: fixed;top: 20%;left: 50%;transform: translateX(-50%);background: #f7f7f7;color: #114990;font-size: 22px;font-weight: 200;z-index: 10001;font-family: system, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;box-shadow: 0 7px 10px 0 rgba(0,0,0,0.1);border: 1px black solid; border-radius: 50px;padding: 15px;"
+      "pointer-events: none;display: flex;align-items: center;justify-content: center;flex-direction: row;position: fixed;top: 20%;left: 50%;transform: translateX(-50%);background: #f7f7f7;color: #114990;font-size: 22px;font-weight: 200;z-index: 10001;font-family: system, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;box-shadow: 0 7px 10px 0 rgba(0,0,0,0.1);border: 1px black solid; border-radius: 50px;padding: 10px;"
     )
     const img = doc.createElement('img')
     img.src = browser.runtime.getURL('/icons/icon_menu64.png')

Original file line number	Diff line number	Diff line change
`@@ -55,7 +55,7 @@ class TargetSelector {`
`55`	`55`	`const header = doc.createElement('div')`
`56`	`56`	`header.setAttribute(`
`57`	`57`	`'style',`
`58`		`- "pointer-events: none;display: flex;align-items: center;justify-content: center;flex-direction: row;position: fixed;top: 20%;left: 50%;transform: translateX(-50%);background: #f7f7f7;color: #114990;font-size: 22px;font-weight: 200;z-index: 10001;font-family: system, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;box-shadow: 0 7px 10px 0 rgba(0,0,0,0.1);border: 1px black solid; border-radius: 50px;padding: 15px;"`
	`58`	`+ "pointer-events: none;display: flex;align-items: center;justify-content: center;flex-direction: row;position: fixed;top: 20%;left: 50%;transform: translateX(-50%);background: #f7f7f7;color: #114990;font-size: 22px;font-weight: 200;z-index: 10001;font-family: system, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;box-shadow: 0 7px 10px 0 rgba(0,0,0,0.1);border: 1px black solid; border-radius: 50px;padding: 10px;"`
`59`	`59`	`)`
`60`	`60`	`const img = doc.createElement('img')`
`61`	`61`	`img.src = browser.runtime.getURL('/icons/icon_menu64.png')`