change empty tip title margin (#6614)

fix other css format

frontend/src/css/empty-tip.css

@@ -16,6 +16,7 @@
   font-size: 18px;
   font-weight: 500;
   color: #212529;
+  margin-bottom: 10px;
 }
 
 .empty-tip .empty-tip-text {

frontend/src/css/files.css

@@ -7,7 +7,7 @@
 }
 
 #files-content-container td:first-child {
-  text-align: left!important;
+  text-align: left !important;
   padding-left: 20px;
 }
 

frontend/src/css/image-file-view.css

@@ -2,6 +2,7 @@
   position: relative;
   text-align: center;
 }
+
 .image-file-view:before {
   content: ' ';
   display: inline-block;
@@ -10,6 +11,7 @@
   font-size: 0;
   line-height: 0;
 }
+
 #image-view {
   padding: 1px;
   background: #fff;
@@ -21,25 +23,29 @@
   font-size: 0;
   line-height: 0;
 }
+
 #img-prev,
 #img-next {
-    position:absolute;
+  position: absolute;
-    top:48%;
+  top: 48%;
-    text-decoration:none;
+  text-decoration: none;
-    color:#888;
+  color: #888;
-    width:50px;
+  width: 50px;
-    height:50px;
+  height: 50px;
-    background:#fff;
+  background: #fff;
-    border-radius:100%;
+  border-radius: 100%;
-    line-height:50px;
+  line-height: 50px;
 }
+
 #img-prev {
-    left:15px;
+  left: 15px;
 }
+
 #img-next {
-    right:15px;
+  right: 15px;
 }
+
 #img-prev:hover,
 #img-next:hover {
-    color:#212529;
+  color: #212529;
 }

frontend/src/css/spreadsheet-file-view.css

@@ -1,6 +1,7 @@
 .spreadsheet-file-view {
   overflow: auto;
 }
+
 #spreadsheet-container {
   display: block;
   width: calc(100% - 40px);

frontend/src/css/subscription.css

@@ -1,107 +1,107 @@
 .content {
   padding: 0rem 1rem 8rem;
   overflow: auto;
-  }
+}
 
-  .content .dropdown .btn-outline-primary {
+.content .dropdown .btn-outline-primary {
   color: #f19645;
   background-color: transparent;
   background-image: none;
   border-color: #f19645;
-  }
+}
 
-  .content .dropdown .btn-outline-primary:hover {
+.content .dropdown .btn-outline-primary:hover {
   color: #fff;
   background-color: #f19645;
   border-color: #f19645;
-  }
+}
 
-  .content .dropdown .btn-outline-primary:focus {
+.content .dropdown .btn-outline-primary:focus {
   box-shadow: 0 0 0 2px rgba(241, 150, 69, 0.5);
-  }
+}
 
-  .content .dropdown .btn-outline-primary:active {
+.content .dropdown .btn-outline-primary:active {
   color: #fff;
   background-color: #f19645;
   border-color: #f19645;
-  }
+}
 
-  .content .dropdown .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
+.content .dropdown .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
-  .content .dropdown .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+.content .dropdown .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
-  .content .dropdown .show > .btn-outline-primary.dropdown-toggle:focus {
+.content .dropdown .show>.btn-outline-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 2px rgba(241, 150, 69, 0.5);
-  }
+}
 
-  .subscription-info {
+.subscription-info {
   margin: 1em 0 3em;
-  }
+}
 
-  .subscription-info-heading {
+.subscription-info-heading {
   font-size: 1rem;
   font-weight: normal;
   padding-bottom: 0.2em;
   border-bottom: 1px solid #ddd;
   margin-bottom: 0.7em;
-  }
+}
 
-  .price-version-container-header {
+.price-version-container-header {
   max-width: 90%;
   border-radius: 10px;
   padding: 0 1rem 2rem;
   box-shadow: 0 3px 8px 3px rgba(116, 129, 141, 0.15);
   overflow: hidden;
   margin: 0.5rem 1rem;
-  }
+}
 
-  .price-version-container-header .price-version-container-top {
+.price-version-container-header .price-version-container-top {
   height: 10px;
   margin: 0 -1rem;
-  }
+}
 
-  .price-version-container-header .price-version-plan-name {
+.price-version-container-header .price-version-plan-name {
   font-size: 1.5rem;
   padding: 1rem 0;
   border-bottom: 1px solid #ED7109;
-  }
+}
 
-  .price-version-container-header .price-table-btn-details {
+.price-version-container-header .price-table-btn-details {
   color: #fff;
   font-size: 1rem;
-  }
+}
 
-  .price-version-container-header .font-500 {
+.price-version-container-header .font-500 {
   font-weight: 500;
-  }
+}
 
-  .price-version-container-header .price-version-plan-price {
+.price-version-container-header .price-version-plan-price {
   font-size: 2rem;
-  }
+}
 
-  .price-version-container-header .price-version-plan-whole-price {
+.price-version-container-header .price-version-plan-whole-price {
   font-size: 24px;
-  }
+}
 
-  .price-version-container-header .price-version-plan-valid-day,
+.price-version-container-header .price-version-plan-valid-day,
-  .price-version-container-header .price-version-plan-user-number {
+.price-version-container-header .price-version-plan-user-number {
   font-size: 18px;
-  }
+}
 
-  .subscription-container {
+.subscription-container {
   width: 480px;
   margin: 0.5rem auto;
-  }
+}
 
-  .price-version-container-header .user-quota-plan-name {
+.price-version-container-header .user-quota-plan-name {
   margin-bottom: 24px;
   text-align: center;
   border-bottom: 1px solid rgba(253, 150, 68, 0.4);
-  }
+}
 
-  .subscription-container .items-dl {
+.subscription-container .items-dl {
   margin-top: 10px;
-  }
+}
 
-  .plan-description-item {
+.plan-description-item {
   border: 1px solid #bdbdbd;
   border-radius: 5px;
   margin: 0 0 10px;
@@ -111,26 +111,26 @@
   line-height: 3;
   padding: 0 20px;
   cursor: pointer;
-  }
+}
 
-  .plan-description-item.plan-selected {
+.plan-description-item.plan-selected {
   background-color: #fff5eb;
   border-color: #ED7109;
   border-width: 2px;
-  }
+}
 
-  .plan-description-item .plan-name {
+.plan-description-item .plan-name {
   font-size: 20px;
   font-weight: 500;
-  }
+}
 
-  .plan-description-item .plan-description {
+.plan-description-item .plan-description {
   font-size: 20px;
   font-weight: 500;
   color: #ED7109;
-  }
+}
 
-  .order-item {
+.order-item {
   margin: 0px;
   display: flex;
   justify-content: space-between;
@@ -139,47 +139,47 @@
   background-color: #f9f9f9;
   padding: 5px 20px;
   line-height: 2;
-  }
+}
 
-  .order-item.order-item-top {
+.order-item.order-item-top {
   border-top: 1px solid #bdbdbd;
   border-radius: 5px 5px 0 0;
-  }
+}
 
-  .order-item.order-item-middle {
+.order-item.order-item-middle {
   border-bottom: 1px solid #bdbdbd;
-  }
+}
 
-  .order-item.order-item-bottom {
+.order-item.order-item-bottom {
   border-bottom: 1px solid #bdbdbd;
   border-radius: 0 0 5px 5px;
-  }
+}
 
-  .order-item .order-into {
+.order-item .order-into {
   color: #666666;
-  }
+}
 
-  .order-item .order-value {
+.order-item .order-value {
   font-weight: 500;
   color: #000;
-  }
+}
 
-  .order-item .order-value .input-group-append,
+.order-item .order-value .input-group-append,
-  .order-item .order-value .input-group-prepend {
+.order-item .order-value .input-group-prepend {
   height: 38px;
-  }
+}
 
-  .order-item .order-price {
+.order-item .order-price {
   font-size: 26px;
   font-weight: 500;
   color: #ED7109;
-  }
+}
 
-  .order-item .order-price span:first-child {
+.order-item .order-price span:first-child {
   font-size: 16px;
-  }
+}
 
-  .subscription-submit {
+.subscription-submit {
   background-color: #ED7109;
   border-radius: 5px;
   width: 100%;
@@ -187,44 +187,44 @@
   color: white;
   height: 44px;
   font-size: 16px;
-  }
+}
 
-  .subscription-notice {
+.subscription-notice {
   font-size: 14px;
   color: #9a9a9a;
-  }
+}
 
-  .subscription-container .subscription-subtitle {
+.subscription-container .subscription-subtitle {
   font-size: 18px;
   font-weight: 500;
-  }
+}
 
-  .subscription-container .subscription-list.order-item-top.order-item-bottom {
+.subscription-container .subscription-list.order-item-top.order-item-bottom {
   border-radius: 5px;
-  }
+}
 
-  .subscription-container .subscription-list span {
+.subscription-container .subscription-list span {
   height: 36px;
   line-height: 36px;
-  }
+}
 
-  .subscription-container .text-orange {
+.subscription-container .text-orange {
   color: #ED7109 !important;
-  }
+}
 
-  .user-numbers.input-group .input-group-prepend {
+.user-numbers.input-group .input-group-prepend {
   width: 50%;
-  }
+}
 
-  .space-quota .input-group .input-group-append,
+.space-quota .input-group .input-group-append,
-  .space-quota .input-group .input-group-prepend {
+.space-quota .input-group .input-group-prepend {
   width: 33.33%;
-  }
+}
 
-  .subscription-add-space .input-group .input-group-append .input-group-text,
+.subscription-add-space .input-group .input-group-append .input-group-text,
-  .price-version-container-header .input-group .input-group-prepend .input-group-text {
+.price-version-container-header .input-group .input-group-prepend .input-group-text {
   width: 100%;
   text-align: center;
   font-weight: 500;
   display: block;
-  }
+}

frontend/src/css/svg-file-view.css

@@ -2,6 +2,7 @@
   position: relative;
   text-align: center;
 }
+
 .svg-file-view:before {
   content: ' ';
   display: inline-block;
@@ -10,6 +11,7 @@
   font-size: 0;
   line-height: 0;
 }
+
 #svg-view {
   max-width: 100%;
   max-height: 100%;

frontend/src/css/system-admin-web-settings.css

@@ -3,15 +3,19 @@
   line-height: 1.5;
   min-width: 0;
 }
+
 .web-setting-icon-btn-submit {
   color: green;
 }
+
 .web-setting-icon-btn-cancel {
   color: #666;
 }
+
 .web-setting-textarea {
   min-height: 7rem;
 }
+
 .web-setting-label {
   word-break: break-word;
 }

frontend/src/css/system-notification.css

@@ -3,12 +3,14 @@
   padding: 4px 10px;
   background: #fddaa4;
 }
+
 #info-bar .close {
   font-size: 16px;
   line-height: 1;
   color: #888;
   cursor: pointer;
 }
+
 #info-bar-info a {
   color: #a68558;
   text-decoration: underline;

frontend/src/css/tip-for-new-file.css

@@ -1,13 +1,16 @@
 .tip-for-new-file {
   margin: 0 auto;
   padding: 2em 1em;
-  align-self: flex-start; /* for repo wiki mode */
+  align-self: flex-start;
+  /* for repo wiki mode */
 }
+
 @media (min-width: 768px) {
   .tip-for-new-file {
     padding: 5em 8em;
   }
 }
+
 .big-new-file-button {
   padding: .9em 2em 1em;
   border-radius: 8px;
@@ -17,6 +20,7 @@
   background: #fff;
   border: 1px solid #d1d1d1;
 }
+
 .big-new-file-button:hover,
 .big-new-file-button:focus {
   border-color: #eb9205;

frontend/src/css/transfer-dialog.css

@@ -27,26 +27,28 @@
     border: 0;
     border-right: 1px solid #eee;
   }
+
   .transfer-dialog-side .nav {
     flex-direction: column;
   }
+
   .transfer-dialog-side .nav-pills .nav-item .nav-link {
     width: 100%;
     padding: 0.3125rem 0.5rem;
     margin: 0;
   }
-  }
+}
 
- .transfer-dialog-content .transfer-dialog-main {
+.transfer-dialog-content .transfer-dialog-main {
   display: flex;
   flex-basis: 78%;
   padding: 1rem;
-  }
+}
 
- .transfer-dialog-content .transfer-dialog-main .tab-content {
+.transfer-dialog-content .transfer-dialog-main .tab-content {
   flex: 1;
-  }
+}
 
- .transfer-dialog-content .transfer-dialog-main .tab-pane {
+.transfer-dialog-content .transfer-dialog-main .tab-pane {
   height: 100%;
-  }
+}

frontend/src/css/tree-view-contextmenu.css

@@ -38,6 +38,7 @@
   border: 0;
   cursor: pointer;
 }
+
 .right-tree-item:hover {
   color: #15181A;
   background-color: #F8F9FA;

frontend/src/pages/wikis/wikis.js

@@ -308,8 +308,8 @@ class Wikis extends Component {
             {(!this.state.loading && this.state.wikis.length === 0 && this.state.groupWikis.length === 0) &&
               <div className="cur-view-content">
                 <EmptyTip title={gettext('No Wikis')}>
-                  <p>{gettext('You do not have any wikis yet.')}</p>
+                  <p className="empty-tip-text">{gettext('You do not have any wikis yet.')}</p>
-                  <p>{gettext('You can add a wiki by clicking the "Add Wiki" button in the menu.')}</p>
+                  <p className="empty-tip-text">{gettext('You can add a wiki by clicking the "Add Wiki" button in the menu.')}</p>
                 </EmptyTip>
               </div>
             }