fix avatar url input border

pull/5435/head
Karl Prieb 9 years ago
parent c3b2a7eb83
commit 8a7cfa6bd7
  1. 12
      packages/rocketchat-theme/client/imports/base.less
  2. 10
      packages/rocketchat-ui-account/account/avatar/prompt.html

@ -4270,7 +4270,8 @@ body:not(.is-cordova) {
flex-flow: row nowrap;
width: 100%;
padding: 12px;
border: 0;
border-width: 1px;
border-radius: 4px;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out;
&:first-child {
@ -4313,6 +4314,15 @@ body:not(.is-cordova) {
text-align: center;
}
.input-line {
display: flex;
align-items: center;
}
#avatarurl {
margin-right: 20px;
}
input[type=file] {
position: absolute !important;
width: 100%;

@ -1,6 +1,6 @@
<template name="avatarSuggestion">
{{#if .}}
<div class="avatar-suggestion-item tertiary-background-color">
<div class="avatar-suggestion-item border-component-color">
<div class="avatar tertiary-background-color" style="background-image: url({{blob}});">
</div>
<div class="action">
@ -12,7 +12,7 @@
<template name="avatarSuggestionLogin">
{{#if .}}
<div class="avatar-suggestion-item tertiary-background-color">
<div class="avatar-suggestion-item border-component-color">
<div class="avatar question-mark icon-user tertiary-background-color"></div>
<div class="action">
<button type="button" class="button primary {{.}} login-with-service">{{_ "Login_with" .}}</button>
@ -36,7 +36,7 @@
</header>
<div>
<div class="avatar-suggestions">
<div class="avatar-suggestion-item tertiary-background-color">
<div class="avatar-suggestion-item border-component-color">
{{> avatar username=initialsUsername }}
{{#with service='initials'}}
<div class="action">
@ -44,7 +44,7 @@
</div>
{{/with}}
</div>
<div class="avatar-suggestion-item tertiary-background-color">
<div class="avatar-suggestion-item border-component-color">
<div style="background-image: url({{upload.blob}});" class="avatar tertiary-background-color {{#unless upload}}question-mark icon-upload{{/unless}}">
</div>
<div class="action">
@ -56,7 +56,7 @@
{{/with}}
</div>
</div>
<div class="avatar-suggestion-item tertiary-background-color">
<div class="avatar-suggestion-item border-component-color">
{{#with service='url'}}
<div class="avatar question-mark icon-upload tertiary-background-color"></div>
<div class="action">

Loading…
Cancel
Save