#3541 simplyfy and fix the styling of the upload image form
Merged 10 months ago by pingou. Opened 10 months ago by ryanlerch.
ryanlerch/pagure upload-button  into  master

file modified
-27

@@ -307,33 +307,6 @@ 

    margin-bottom:0;

  }

  

- .custom-file.comment-upload-browse{

-   width:100%!important;

-   height:1.5em!important;

- }

- 

- .custom-file.comment-upload-browse .custom-file-control:lang(en)::before{

-   content: "\f1c5\00a0\00a0 Browse";

-   font-family: FontAwesome;

-   font-weight:bold;

-   color:#666;

- }

- 

- .custom-file.comment-upload-browse .custom-file-control::before{

-   height:1.5em;

-   padding:0.9em 1em;

-   line-height: 0.1em;

-   border-radius: 0.25rem;

- }

- 

- .custom-file.comment-upload-browse .custom-file-control{

-   height:1.5em;

-   padding:0.9em 1em;

-   line-height: 0.1em;

-   color:#777;

-   border:0;

- }

- 

  .diff2html-output .d2h-file-header{

    display: none;

  }

file modified
+4 -4

@@ -229,11 +229,11 @@ 

                          <div id="preview" class="p-1">

                          </div>

                          <div class="mt-2">

-                             <label class="custom-file comment-upload-browse font-size-09">

+                             <label class="custom-file font-size-09">

                                  <input type="file" id="file-picker" class="custom-file-input" name="file" accept="image/*" multiple tabindex=3>

-                                 <span class="custom-file-control">

-                                   <span>Browse to attach images or drag them into the comment field</span>

-                                 </span>

+                                 <label class="custom-file-label" for="file-picker">

+                                   Browse to attach images or drag them into the comment field

+                                 </label>

                              </label>

                              <div id="progress" class="progress" style="display: none; height:22px">

                                <div id="progress-bar" class="progress-bar" style="height:22px; line-height: 2em;">0%</div>

@@ -127,11 +127,11 @@ 

                        <div id="preview" class="p-1">

                        </div>

                        <div class="mt-2">

-                           <label class="custom-file comment-upload-browse font-size-09">

+                           <label class="custom-file">

                                <input type="file" id="file-picker" class="custom-file-input" name="file" accept="image/*" multiple tabindex=3>

-                               <span class="custom-file-control">

-                                 <span>Browse to attach images or drag them into the comment field</span>

-                               </span>

+                               <label class="custom-file-label" for="file-picker">

+                                 Browse to attach images or drag them into the comment field

+                               </label>

                            </label>

                            <div id="progress" class="progress" style="display: none; height:22px">

                              <div id="progress-bar" class="progress-bar" style="height:22px; line-height: 2em;">0%</div>

rebased onto fadd34b5ca1ad8ee1ca255f7eb72842fcd0362bb

10 months ago

rebased onto ea58db21909e28b845c0b79d6291d8f43783bf75

10 months ago

rebased onto cb04b31

10 months ago

Jenkins seems stuck, tests are passing locally, so I'm going to merge as is.

Thanks!

Pull-Request has been merged by pingou

10 months ago