Public bug reported:

Also reported here: 
https://bugs.launchpad.net/ubuntu/+source/yuyo-gtk-theme/+bug/1471044
Because overshoot and undershoot is not set, they are represented by a ugly 
white bar (See image in the attachments).
Solution:
Add this to ./gtk-3.0/gtk-widgets.css

/*************
 * overshoot *
 *************/
.overshoot.top {
    background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
}

.overshoot.right {
    background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
}

.overshoot.bottom {
    background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
}

.overshoot.left {
    background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
}

/**************
 * undershoot *
 **************/
.undershoot.top {
    background: none;
}

.undershoot.bottom {
    background: none;
}

.undershoot.left {
    background: none;
}

.undershoot.right {
    background: none;
}

** Affects: yuyo-gtk-theme (Ubuntu)
     Importance: Undecided
         Status: New

** Attachment added: "Kazam_screenshot_00011.png"
   
https://bugs.launchpad.net/bugs/1588820/+attachment/4675981/+files/Kazam_screenshot_00011.png

** Description changed:

  Because overshoot and undershoot is not set, they are represented by a ugly 
white bar.
  Solution:
- Add this to `./gtk-3.0/gtk-widgets.css`
- ```
+ Add this to ./gtk-3.0/gtk-widgets.css
+ 
  /*************
-  * overshoot *
-  *************/
+  * overshoot *
+  *************/
  .overshoot.top {
-     background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+     background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.right {
-     background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+     background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.bottom {
-     background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+     background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.left {
-     background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
+     background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  /**************
-  * undershoot *
-  **************/
+  * undershoot *
+  **************/
  .undershoot.top {
-     background: none;
+     background: none;
  }
  
  .undershoot.bottom {
-     background: none;
+     background: none;
  }
  
  .undershoot.left {
-     background: none;
+     background: none;
  }
  
  .undershoot.right {
-     background: none;
+     background: none;
  }
- ```

** Description changed:

- Because overshoot and undershoot is not set, they are represented by a ugly 
white bar.
+ Because overshoot and undershoot is not set, they are represented by an ugly 
white bar.
  Solution:
  Add this to ./gtk-3.0/gtk-widgets.css
  
  /*************
   * overshoot *
   *************/
  .overshoot.top {
      background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.right {
      background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.bottom {
      background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.left {
      background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  /**************
   * undershoot *
   **************/
  .undershoot.top {
      background: none;
  }
  
  .undershoot.bottom {
      background: none;
  }
  
  .undershoot.left {
      background: none;
  }
  
  .undershoot.right {
      background: none;
  }

** Description changed:

  Because overshoot and undershoot is not set, they are represented by an ugly 
white bar.
  Solution:
- Add this to ./gtk-3.0/gtk-widgets.css
+ Add this to gtk-3.0/gtk-widgets.css
  
  /*************
   * overshoot *
   *************/
  .overshoot.top {
      background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.right {
      background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.bottom {
      background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.left {
      background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  /**************
   * undershoot *
   **************/
  .undershoot.top {
      background: none;
  }
  
  .undershoot.bottom {
      background: none;
  }
  
  .undershoot.left {
      background: none;
  }
  
  .undershoot.right {
      background: none;
  }

** Description changed:

- Because overshoot and undershoot is not set, they are represented by an ugly 
white bar.
+ Because overshoot and undershoot is not set, they are represented by a ugly 
white bar (See image in the attachments).
  Solution:
- Add this to gtk-3.0/gtk-widgets.css
- 
+ Add this to `./gtk-3.0/gtk-widgets.css`
+ ```
  /*************
   * overshoot *
   *************/
  .overshoot.top {
      background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.right {
      background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.bottom {
      background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.left {
      background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  /**************
   * undershoot *
   **************/
  .undershoot.top {
      background: none;
  }
  
  .undershoot.bottom {
      background: none;
  }
  
  .undershoot.left {
      background: none;
  }
  
  .undershoot.right {
      background: none;
  }
+ ```

** Description changed:

+ Also reported here: 
https://bugs.launchpad.net/ubuntu/+source/yuyo-gtk-theme/+bug/1471044
  Because overshoot and undershoot is not set, they are represented by a ugly 
white bar (See image in the attachments).
  Solution:
  Add this to `./gtk-3.0/gtk-widgets.css`
  ```
  /*************
   * overshoot *
   *************/
  .overshoot.top {
      background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.right {
      background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.bottom {
      background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.left {
      background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  /**************
   * undershoot *
   **************/
  .undershoot.top {
      background: none;
  }
  
  .undershoot.bottom {
      background: none;
  }
  
  .undershoot.left {
      background: none;
  }
  
  .undershoot.right {
      background: none;
  }
  ```

** Description changed:

  Also reported here: 
https://bugs.launchpad.net/ubuntu/+source/yuyo-gtk-theme/+bug/1471044
  Because overshoot and undershoot is not set, they are represented by a ugly 
white bar (See image in the attachments).
  Solution:
- Add this to `./gtk-3.0/gtk-widgets.css`
- ```
+ Add this to ./gtk-3.0/gtk-widgets.css
+ 
  /*************
   * overshoot *
   *************/
  .overshoot.top {
      background: -gtk-gradient(radial, center top, 0, center top, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.right {
      background: -gtk-gradient(radial, right center, 0, right center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.bottom {
      background: -gtk-gradient(radial, center bottom, 0, center bottom, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  .overshoot.left {
      background: -gtk-gradient(radial, left center, 0, left center, 0.7, 
from(shade(@bg_color, 0.92)), to(alpha(@bg_color, 0.0)));
  }
  
  /**************
   * undershoot *
   **************/
  .undershoot.top {
      background: none;
  }
  
  .undershoot.bottom {
      background: none;
  }
  
  .undershoot.left {
      background: none;
  }
  
  .undershoot.right {
      background: none;
  }
- ```

-- 
You received this bug notification because you are a member of Ubuntu
Bugs, which is subscribed to Ubuntu.
https://bugs.launchpad.net/bugs/1588820

Title:
  overshoot/undershoot for gtk3 not set

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu/+source/yuyo-gtk-theme/+bug/1588820/+subscriptions

-- 
ubuntu-bugs mailing list
[email protected]
https://lists.ubuntu.com/mailman/listinfo/ubuntu-bugs

Reply via email to