diff --git a/background.html b/background.html index 8312a1ba0..74629f9b4 100644 --- a/background.html +++ b/background.html @@ -27,19 +27,7 @@ When making changes to these templates, be sure to update test/index.html as well --> - - - - - - - - - - - - - diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index 0aa1ec714..f4665b540 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -258,12 +258,4 @@ cursor: not-allowed; } } - .capture-audio { - float: right; - height: 36px; - } - .android-length-warning { - padding: 10px; - max-width: 150px; - } } diff --git a/stylesheets/_recorder.scss b/stylesheets/_recorder.scss deleted file mode 100644 index 040fbb9f5..000000000 --- a/stylesheets/_recorder.scss +++ /dev/null @@ -1,102 +0,0 @@ -.capture-audio { - text-align: center; - - .microphone { - height: 36px; - width: 36px; - text-align: center; - opacity: 0.5; - background: transparent; - padding: 0; - border: none; - margin-top: 2px; - - &:focus, - &:hover { - opacity: 1; - } - - &:before { - content: ''; - display: inline-block; - height: 24px; - width: 24px; - @include color-svg('../images/microphone.svg', $grey); - } - } -} -.recorder { - background: $color-white; - - button { - float: right; - width: 36px; - height: 36px; - border-radius: 36px; - margin-inline-start: 5px; - opacity: 0.5; - text-align: center; - padding: 0; - margin-top: 5px; - - &:focus, - &:hover { - opacity: 1; - } - - .icon { - display: inline-block; - width: $button-height; - height: $button-height; - } - } - - .finish { - background: lighten($session-color-green, 20%); - border: 1px solid $session-color-green; - - .icon { - @include color-svg('../images/check.svg', $session-color-green); - } - } - - .close { - background: lighten($session-color-danger, 20%); - border: 1px solid $session-color-danger; - - .icon { - @include color-svg('../images/x.svg', $session-color-danger); - } - } - - .time { - color: $grey; - float: right; - line-height: 36px; - padding: 0 10px; - - @keyframes pulse { - 0% { - opacity: 0; - } - 50% { - opacity: 1; - } - 100% { - opacity: 0; - } - } - - &::before { - content: ''; - display: inline-block; - border-radius: 10px; - width: 10px; - height: 10px; - background: #f00; - margin-inline-end: 10px; - opacity: 0; - animation: pulse 2s infinite; - } - } -} diff --git a/stylesheets/_theme_dark.scss b/stylesheets/_theme_dark.scss index a48008594..54639d58e 100644 --- a/stylesheets/_theme_dark.scss +++ b/stylesheets/_theme_dark.scss @@ -520,37 +520,4 @@ .module-message-search-result__body { color: $color-gray-05; } - - .capture-audio { - .microphone { - &:before { - @include color-svg('../images/microphone.svg', $color-dark-30); - } - } - } - .recorder { - background: $color-black; - - .finish { - background: lighten($session-color-green, 20%); - border: 1px solid $session-color-green; - - .icon { - @include color-svg('../images/check.svg', $session-color-green); - } - } - - .close { - background: lighten($session-color-danger, 20%); - border: 1px solid $session-color-danger; - - .icon { - @include color-svg('../images/x.svg', $session-color-danger); - } - } - - .time { - color: $grey; - } - } } diff --git a/stylesheets/manifest.scss b/stylesheets/manifest.scss index 9691f822c..451fa708a 100644 --- a/stylesheets/manifest.scss +++ b/stylesheets/manifest.scss @@ -19,7 +19,6 @@ @import 'modal'; @import 'debugLog'; @import 'lightbox'; -@import 'recorder'; @import 'emoji'; @import 'mentions'; @import 'avatar'; diff --git a/test/index.html b/test/index.html index 2b3c81d3d..dc6fc9b8a 100644 --- a/test/index.html +++ b/test/index.html @@ -26,11 +26,6 @@ - - - - -