adjustments for revisions

zero.Web.UI/App/components/revisions.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="ui-revisions" :class="{ 'is-empty': value.items.length < 1 }">
     <div class="ui-revision" v-for="revision in value.items">
-      <span class="ui-revision-action">updated</span>
+      <span class="ui-revision-action"  v-localize="'@revisions.actions.updated'"></span>
       <ui-date class="ui-revision-date" v-model="revision.date" format="long" :split="true" />
       <router-link :to="{ name: userRoute, params: { id: revision.user.id }}" v-if="revision.user" class="ui-revision-user">
         <img class="ui-revision-user-image" v-if="revision.user" :src="getImage(revision.user.avatarId)" :alt="revision.user.name" />
         <span v-if="revision.user" class="ui-revision-user-name">{{revision.user.name}}</span>
       </router-link>
       <div v-else></div>
-      <button class="ui-link">View</button>
+      <button type="button" class="ui-link" v-localize="'@revisions.view'"></button>
     </div>
   </div>
 </template>
@@ -76,8 +76,8 @@
     font-size: 9px;
     font-weight: 700;
     text-transform: uppercase;
-    background: var(--color-accent-info-bg);
-    color: var(--color-accent-info);
+    background: var(--color-bg-bright-two);
+    color: var(--color-fg-dim);
     height: 22px;
     line-height: 22px;
     padding: 0 10px;
@@ -93,7 +93,7 @@
       top: -30px;
       height: 30px;
       width: 3px;
-      background: var(--color-accent-info-bg);
+      background: var(--color-bg-bright-two);
     }
   }
 

zero.Web.UI/App/pages/pages/page-info.vue

@@ -1,9 +1,10 @@
 <template>
   <div class="page-editor-info ui-view-box has-sidebar">
     <div>
-      <div class="ui-box"></div>
       <div class="ui-box">
-        <h3 class="ui-headline">Revisions</h3>
+        <h3 class="ui-headline" v-localize="'Links'"></h3>
+        <div><ui-button type="light" label="Open page" /><br /><br /><br /><br /></div>
+        <h3 class="ui-headline" v-localize="'@revisions.label'"></h3>
         <ui-revisions v-model="revisions" />
       </div>
     </div>
@@ -23,7 +24,7 @@
         <ui-property v-if="!isCreate" label="@ui.createdDate" :is-text="true">
           <ui-date v-model="value.createdDate" />
         </ui-property>
-        <ui-property label="Type" :is-text="true" v-if="pageType">
+        <ui-property label="@page.type" :is-text="true" v-if="pageType">
           <i :class="pageType.icon"></i> &nbsp;{{pageType.name}}
         </ui-property>
       </div>

zero.Web.UI/Sass/Core/_settings.scss

@@ -118,8 +118,8 @@
   $bg-color-base: #141617;
   --color-bg: #{$bg-color-base};
   --color-bg-bright: #{lighten($bg-color-base, 5%)};
-  --color-bg-bright-two: #{lighten($bg-color-base, 8%)};
-  --color-bg-bright-three: #{lighten($bg-color-base, 11%)};
+  --color-bg-bright-two: #{lighten($bg-color-base, 10%)};
+  --color-bg-bright-three: #{lighten($bg-color-base, 14%)};
   --color-bg-dim: #{lighten($bg-color-base, 2%)};
 
   // misc colors

zero.Web/Resources/Localization/zero.en-us.json

@@ -79,6 +79,16 @@
     "nonbinary": "Non-binary"
   },
 
+  "revisions": {
+    "label": "Revisions",
+    "actions": {
+      "updated": "Updated",
+      "created": "Created",
+      "deleted": "Deleted"
+    },
+    "view": "View"
+  },
+
   "rte": {
     "bold": "Bold",
     "italic": "Italic",
@@ -318,6 +328,8 @@
   "page": {
     "name": "Page",
 
+    "type": "Type",
+
     "overview": {
       "actions": {
         "continue": "Continue",
@@ -332,9 +344,6 @@
       "name": "Recycle bin",
       "description": "View recently deleted entities"
     },
-    "history": {
-      "name": "History"
-    },
     "schedule": {
       "label": "Schedule",
       "header": "Schedule publishing",