Merge pull request #1191 from foopod/fix-border-radius

christianbundy · web-flow · commit 62b3664d4350 · 2019-10-14T11:24:28.000-07:00
Fix border radius
diff --git a/styles/base/all-channels.mcss b/styles/base/all-channels.mcss
@@ -9,6 +9,7 @@ AllChannels {
     padding: 8px 10px
     font-size: 110%
     margin: 4px
+    border-radius: 5px
     position: relative
     width: 200px
     background-repeat: no-repeat
@@ -50,8 +51,7 @@ AllChannels {
       padding: 9px 10px
       color: white
       margin: -8px -10px -8px 4px
-      border-top-left-radius: 0
-      border-bottom-left-radius: 0
+      border-radius: 5px;
       border-left: 2px solid rgba(255, 255, 255, 0.9)
       text-decoration: none
       -unsubscribe {
diff --git a/styles/base/channel-list.mcss b/styles/base/channel-list.mcss
@@ -4,6 +4,7 @@ ChannelList {
     padding: 8px 10px
     font-size: 110%
     margin: 4px 0
+    border-radius: 5px
     position: relative
     max-width: 250px
     background-repeat: no-repeat
@@ -41,8 +42,7 @@ ChannelList {
       padding: 9px 10px
       color: white
       margin: -8px -10px -8px 4px
-      border-top-left-radius: 0
-      border-bottom-left-radius: 0
+      border-radius: 5px
       border-left: 2px solid rgba(255, 255, 255, 0.9)
       text-decoration: none
       -unsubscribe {
diff --git a/styles/base/compose.mcss b/styles/base/compose.mcss
@@ -4,6 +4,7 @@ Compose {
   flex-shrink: 0
   width: 100%
   margin: 20px auto
+  border-radius: 5px
   textarea {
     resize: vertical
     font-size: 120%
@@ -43,6 +44,8 @@ Compose {
     flex-direction: row
     align-items: baseline
     justify-content: space-between
+    border-bottom-left-radius: 5px
+    border-bottom-right-radius: 5px
     input[type="file"] {
       color: transparent
       ::-webkit-file-upload-button {
@@ -53,6 +56,7 @@ Compose {
         font-size: 1rem
         outline: none
         white-space: nowrap
+        border-radius: 5px
         -webkit-user-select: none
       }
       :active, :focus {
diff --git a/styles/base/gathering-card.mcss b/styles/base/gathering-card.mcss
@@ -23,6 +23,7 @@ GatheringCard {
       (img) {
         height: 45px
         width: 45px
+        border-radius: 5px
       }
     }
     div.actions {
diff --git a/styles/base/image-input.mcss b/styles/base/image-input.mcss
@@ -24,6 +24,7 @@ ImageInput {
     right: 0
     bottom: 0
     margin: 15px
+    border-radius: 5px
     background: #444
     padding: 4px 8px
     transition: opacity 0.2s
diff --git a/styles/base/main-window.mcss b/styles/base/main-window.mcss
@@ -47,6 +47,7 @@ MainWindow {
         display: inline-block
         width: 28px
         height: 100%
+        border-radius: 5px
         background: svg(backArrow) no-repeat center
         opacity: 0.4
         -active {
diff --git a/styles/base/markdown.mcss b/styles/base/markdown.mcss
@@ -12,6 +12,7 @@ Markdown {
       background-image: svg(fetching)
       background-position: center
       background-repeat: no-repeat
+      border-radius: 5px
       @svg fetching {
         width: 100px
         height: 20px
diff --git a/styles/base/picker.mcss b/styles/base/picker.mcss
@@ -2,15 +2,18 @@ Picker {
   a {
     display: inline-block
     vertical-align: top
+    border-radius: 5px
     img {
       width: 50px
       height: 50px
       display: block
+      border-radius: 5px
     }
   }
   span.add {
     position: relative
     display: inline-block
+    border-radius: 5px
     ::before {
       font-size: 30px
       content: '+'
diff --git a/styles/base/profile-header.mcss b/styles/base/profile-header.mcss
@@ -8,6 +8,7 @@ ProfileHeader {
     margin-right: 20px
     img {
       width: 100%
+      order-radius: 5px
     }
   }
   div.main {
diff --git a/styles/base/profile-list.mcss b/styles/base/profile-list.mcss
@@ -4,6 +4,7 @@ ProfileList {
     padding: 4px
     font-size: 110%
     margin: 4px 0
+    border-radius: 5px
     position: relative
     text-decoration: none
     background-repeat: no-repeat
@@ -38,6 +39,7 @@ ProfileList {
         width: 40px
         height: 40px
         display: block
+        border-radius: 5px
       }
     }
     div.main {
diff --git a/styles/base/profile-preview.mcss b/styles/base/profile-preview.mcss
@@ -3,6 +3,7 @@ ProfilePreview {
   z-index: 1
   position: absolute
   width: 500px
+  border-radius: 5px
   section {
     color: white
     padding: 5px
diff --git a/styles/base/tag-list.mcss b/styles/base/tag-list.mcss
@@ -4,6 +4,7 @@ TagList {
     padding: 4px
     font-size: 110%
     margin: 4px 0
+    border-radius: 5px
     position: relative
     text-decoration: none
     background-repeat: no-repeat
diff --git a/styles/base/taggers-list.mcss b/styles/base/taggers-list.mcss
@@ -4,6 +4,7 @@ TaggersList {
     padding: 4px
     font-size: 110%
     margin: 4px 0
+    border-radius: 5px
     position: relative
     text-decoration: none
     background-repeat: no-repeat
diff --git a/styles/dark/all-channels.mcss b/styles/dark/all-channels.mcss
@@ -2,7 +2,6 @@ AllChannels {
   a.channel {
     background-color: #2d2c2c
     color: #ccc
-    border-radius: 3px
     transition: background-color 0.25s
     -more {
       background-color: transparent
@@ -16,7 +15,6 @@ AllChannels {
       background-color: #383736
     }
     a {
-      border-radius: 3px
       -subscribe {
         :hover {
           background-color: #51c067
diff --git a/styles/dark/channel-list.mcss b/styles/dark/channel-list.mcss
@@ -2,7 +2,6 @@ ChannelList {
   a.channel {
     background-color: #313131
     color: #ccc
-    border-radius: 3px
     transition: background-color 0.25s
     -more {
       background-color: transparent
@@ -21,7 +20,6 @@ ChannelList {
       background-color: #292929
     }
     a {
-      border-radius: 3px
       -subscribe {
         :hover {
           background-color: #51c067
diff --git a/styles/dark/compose.mcss b/styles/dark/compose.mcss
@@ -1,6 +1,5 @@
 Compose {
   box-shadow: inset 0 0 0px 1px rgba(0,0,0,0.1)
-  border-radius: 3px
   background: #2d2c2c
   textarea {
     color: #ccc
@@ -17,8 +16,6 @@ Compose {
   section.actions {
     background: #383736
     padding: 10px
-    border-bottom-left-radius: 3px
-    border-bottom-right-radius: 3px
     input[type="file"] {
       width: 85px
       height: 20px
diff --git a/styles/dark/gathering-card.mcss b/styles/dark/gathering-card.mcss
@@ -2,13 +2,6 @@ GatheringCard {
   padding: 20px
   margin: 20px -20px
   border-top: 1px solid #2d2c2c
-  div.attending {
-    div.attendees {
-      (img) {
-        border-radius: 3px
-      }
-    }
-  }
   div.title {
     a {
       font-size: 200%
diff --git a/styles/dark/image-input.mcss b/styles/dark/image-input.mcss
diff --git a/styles/dark/main-window.mcss b/styles/dark/main-window.mcss
@@ -32,7 +32,6 @@ MainWindow {
     }
     span.history {
       a {
-        border-radius: 3px
         :hover {
           background-color: #383736
         }
diff --git a/styles/dark/markdown.mcss b/styles/dark/markdown.mcss
@@ -2,7 +2,6 @@ Markdown {
   (img) {
     -pending {
       background-color: #2d2c2c
-      border-radius: 3px
       @svg fetching {
         text {
           fill: #757474
diff --git a/styles/dark/picker.mcss b/styles/dark/picker.mcss
@@ -5,13 +5,11 @@ Picker {
     margin: 0 5px 5px 0
     padding: 2px 5px
     border: 2px solid transparent
-    border-radius: 3px
     color: #ccc
     :hover {
       color: white
     }
     img {
-      border-radius: 3px
       margin: -2px -5px
     }
     -assigned {
@@ -29,7 +27,6 @@ Picker {
     background: #383736
     margin: 0 5px 5px 0
     border: 2px solid transparent
-    border-radius: 3px
     ::before {
       top: 5px
     }
diff --git a/styles/dark/profile-header.mcss b/styles/dark/profile-header.mcss
@@ -1,9 +1,4 @@
 ProfileHeader {
-  div.image {
-    img {
-      border-radius: 3px
-    }
-  }
   div.main {
     section {
       -publicKey {
diff --git a/styles/dark/profile-list.mcss b/styles/dark/profile-list.mcss
@@ -1,18 +1,12 @@
 ProfileList {
   a.profile {
     background-color: #313131
-    border-radius: 3px
     transition: background-color 0.25s
     @svg connected {
       circle {
         fill: #45b754
       }
     }
-    div.avatar {
-      img {
-        border-radius: 3px
-      }
-    }
     div.main {
       div.name {
         color: #ccc
diff --git a/styles/dark/profile-preview.mcss b/styles/dark/profile-preview.mcss
@@ -1,7 +1,6 @@
 ProfilePreview {
   background: #525252
   border: 2px solid #636363
-  border-radius: 3px
   color: white
   section {
     background: #4c4a4a
diff --git a/styles/dark/tag-list.mcss b/styles/dark/tag-list.mcss
@@ -1,7 +1,6 @@
 TagList {
   a.tag {
     background: #313131
-    border-radius: 3px
     transition: background-color 0.25s
     div.main {
       div.name {
diff --git a/styles/dark/taggers-list.mcss b/styles/dark/taggers-list.mcss
@@ -1,7 +1,6 @@
 TaggersList {
   a.profile {
     background: #313131
-    border-radius: 3px
     transition: background-color 0.25s
     div.main {
       div.name {
diff --git a/styles/light/all-channels.mcss b/styles/light/all-channels.mcss
@@ -2,15 +2,13 @@ AllChannels {
   a.channel {
     background-color: rgba(255, 255, 255, 0.66)
     color: #333
-    border-radius: 5px
     transition: background-color 0.2s
     overflow: hidden
     text-overflow: ellipsis
     :hover {
       background-color: rgba(255, 255, 255, 0.4)
     }
     a {
-      border-radius: 4px
       font-weight: bold
       -subscribe {
         :hover {
diff --git a/styles/light/channel-list.mcss b/styles/light/channel-list.mcss
@@ -2,7 +2,6 @@ ChannelList {
   a.channel {
     background-color: rgba(255, 255, 255, 0.66)
     color: #333
-    border-radius: 5px
     transition: background-color 0.2s
     -more {
       color: #658aaf
@@ -12,7 +11,6 @@ ChannelList {
       background-color: rgba(255, 255, 255, 0.4)
     }
     a {
-      border-radius: 4px
       font-weight: bold
       -subscribe {
         :hover {
diff --git a/styles/light/compose.mcss b/styles/light/compose.mcss
@@ -44,7 +44,6 @@ Compose {
         padding: 3px 6px
         background: white
         border: 2px solid #ddd
-        border-radius: 4px
         padding-top: .3rem
         content: '📎 Attach File'
       }
diff --git a/styles/light/image-input.mcss b/styles/light/image-input.mcss
diff --git a/styles/light/main-window.mcss b/styles/light/main-window.mcss
@@ -14,7 +14,6 @@ MainWindow {
     }
     span.history {
       a {
-        border-radius: 2px
         :hover {
           background-color: #e8e8e8
         }
diff --git a/styles/light/profile-list.mcss b/styles/light/profile-list.mcss
@@ -1,7 +1,6 @@
 ProfileList {
   a.profile {
     background-color: rgba(255, 255, 255, 0.74)
-    border-radius: 5px
     transition: background-color 0.2s
     @svg connected {
       circle {
diff --git a/styles/light/tag-list.mcss b/styles/light/tag-list.mcss
@@ -1,7 +1,6 @@
 TagList {
   a.tag {
     background: rgba(255, 255, 255, 0.74)
-    border-radius: 5px
     transition: background-color 0.2s
     div.main {
       div.name {
diff --git a/styles/light/taggers-list.mcss b/styles/light/taggers-list.mcss
@@ -1,7 +1,6 @@
 TaggersList {
   a.profile {
     background: rgba(255, 255, 255, 0.74)
-    border-radius: 5px
     transition: background-color 0.2s
     div.main {
       div.name {

Original file line number	Diff line number	Diff line change
`@@ -23,6 +23,7 @@ GatheringCard {`
`23`	`23`	`(img) {`
`24`	`24`	`height: 45px`
`25`	`25`	`width: 45px`
	`26`	`+ border-radius: 5px`
`26`	`27`	`}`
`27`	`28`	`}`
`28`	`29`	`div.actions {`
Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@ ProfileHeader {`
`8`	`8`	`margin-right: 20px`
`9`	`9`	`img {`
`10`	`10`	`width: 100%`
	`11`	`+ order-radius: 5px`
`11`	`12`	`}`
`12`	`13`	`}`
`13`	`14`	`div.main {`