| <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
| <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> |
| |
| <!-- Common styles for App Management. --> |
| <dom-module id="app-management-shared-css"> |
| <template> |
| <style include="cr-shared-style"> |
| .card-container { |
| @apply --cr-card-elevation; |
| background-color: #fff; |
| border-radius: var(--cr-card-border-radius); |
| margin: 24px auto; |
| width: var(--card-width); |
| } |
| |
| .permission-view-header { |
| align-items: center; |
| border-top: var(--card-separator); |
| display: flex; |
| } |
| |
| .permission-view-header-icon { |
| height: 26px; |
| margin-inline-end: 8px; |
| margin-inline-start: 24px; |
| width: 26px; |
| } |
| |
| .permission-row { |
| align-items: center; |
| border-top: var(--card-separator); |
| display: inline-flex; |
| flex: 1; |
| height: 62px; |
| justify-content: space-between; |
| padding: 0 24px; |
| } |
| |
| .permission-row:first-child { |
| border-style: none; |
| } |
| |
| .header-text { |
| color: var(--primary-text-color); |
| font-weight: var(--secondary-font-weight); |
| } |
| |
| .app-title { |
| flex: 1; |
| font-size: 16px; |
| overflow: hidden; |
| text-overflow: ellipsis; |
| } |
| |
| .permission-row { |
| align-items: center; |
| border-top: var(--card-separator); |
| display: inline-flex; |
| height: 62px; |
| justify-content: space-between; |
| padding: 0 24px; |
| } |
| |
| .permission-row:first-child { |
| border-style: none; |
| } |
| |
| .permission-row-controls { |
| align-items: center; |
| display: inline-flex; |
| } |
| |
| .secondary-text { |
| color: var(--secondary-text-color); |
| font-weight: var(--secondary-font-weight); |
| } |
| </style> |
| </template> |