Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(42)

Side by Side Diff: chrome/browser/resources/settings/people_page/camera.html

Issue 2528263003: MD Settings: Fix Change Picture Camera icons. (Closed)
Patch Set: Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | chrome/browser/resources/settings/people_page/change_picture.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <link rel="import" href="chrome://resources/html/polymer.html"> 1 <link rel="import" href="chrome://resources/html/polymer.html">
2 <link rel="import" href="chrome://resources/html/util.html"> 2 <link rel="import" href="chrome://resources/html/util.html">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html"> 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spi nner.html">
5 <link rel="import" href="/icons.html"> 5 <link rel="import" href="/icons.html">
6 <link rel="import" href="/settings_shared_css.html"> 6 <link rel="import" href="/settings_shared_css.html">
7 7
8 <dom-module id="settings-camera"> 8 <dom-module id="settings-camera">
9 <template> 9 <template>
10 <style include="settings-shared"> 10 <style include="settings-shared">
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
42 } 42 }
43 43
44 #cameraControls { 44 #cameraControls {
45 background-color: var(--paper-grey-800); 45 background-color: var(--paper-grey-800);
46 border-bottom-left-radius: 2px; 46 border-bottom-left-radius: 2px;
47 border-bottom-right-radius: 2px; 47 border-bottom-right-radius: 2px;
48 padding: 8px; 48 padding: 8px;
49 } 49 }
50 50
51 #flipPhoto { 51 #flipPhoto {
52 color: white; 52 --iron-icon-fill-color: white;
53 float: right; 53 float: right;
54 } 54 }
55 55
56 :host-context([dir=rtl]) #flipPhoto { 56 :host-context([dir=rtl]) #flipPhoto {
57 float: left; 57 float: left;
58 } 58 }
59 59
60 #takePhoto { 60 #takePhoto {
61 --iron-icon-fill-color: white;
61 background-color: var(--paper-green-500); 62 background-color: var(--paper-green-500);
62 border-radius: 50%; 63 border-radius: 50%;
63 color: white;
64 display: block; 64 display: block;
65 margin: 0 auto 0 auto; 65 margin: 0 auto 0 auto;
66 } 66 }
67 </style> 67 </style>
68 <div hidden="[[!cameraActive]]"> 68 <div hidden="[[!cameraActive]]">
69 <div id="perspectiveBox"> 69 <div id="perspectiveBox">
70 <div id="userImageStreamCrop"> 70 <div id="userImageStreamCrop">
71 <video id="cameraVideo" autoplay hidden="[[!cameraOnline_]]"></video> 71 <video id="cameraVideo" autoplay hidden="[[!cameraOnline_]]"></video>
72 <paper-spinner active="[[!cameraOnline_]]"></paper-spinner> 72 <paper-spinner active="[[!cameraOnline_]]"></paper-spinner>
73 </div> 73 </div>
74 </div> 74 </div>
75 <div id="cameraControls"> 75 <div id="cameraControls">
76 <paper-icon-button id="flipPhoto" tabindex="2" 76 <paper-icon-button id="flipPhoto" tabindex="2"
77 icon="settings:flip" title="$i18n{flipPhoto}" 77 icon="settings:flip" title="$i18n{flipPhoto}"
78 on-tap="onTapFlipPhoto_" disabled="[[!cameraOnline_]]"> 78 on-tap="onTapFlipPhoto_" disabled="[[!cameraOnline_]]">
79 </paper-icon-button> 79 </paper-icon-button>
80 <paper-icon-button id="takePhoto" tabindex="1" 80 <paper-icon-button id="takePhoto" tabindex="1"
81 icon="settings:camera-alt" title="$i18n{takePhoto}" 81 icon="settings:camera-alt" title="$i18n{takePhoto}"
82 on-tap="takePhoto" disabled="[[!cameraOnline_]]"> 82 on-tap="takePhoto" disabled="[[!cameraOnline_]]">
83 </paper-icon-button> 83 </paper-icon-button>
84 </div> 84 </div>
85 </div> 85 </div>
86 </template> 86 </template>
87 <script src="camera.js"></script> 87 <script src="camera.js"></script>
88 </dom-module> 88 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/settings/people_page/change_picture.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698